CSS Weekly
  • YouTube Channel
  • Archives
  • Supporters
  • Submit a link
  • Advertise
  • Contact

Issue #257

March 21, 2017

Getting to Know CSS Grid Layout

Getting to Know CSS Grid Layout

Chris Wright created a series of examples to introduce you to the various concepts important to getting started with CSS Grid.

Read more

CSS Grid Layout: A New Layout Module for the Web

CSS Grid Layout: A New Layout Module for the Web

Manuel Rego gives a nice introduction to CSS Grid.

Read more

From Our Sponsor

Europe's developer-focused job platform - Get your ideal job in 3 weeks

Europe's developer-focused job platform - Get your ideal job in 3 weeks

On Honeypot companies send developers interview requests. Your profile stays live for 3 weeks.

Join Honeypot

Articles & Tutorials

The Unluckiest Paragraphs

Nick Santos describes why parts of Medium are sometimes blocked by an ad blocker and how they fixed the problem with a bit of CSS.

Read more

Animating Your Hero Header

Donovan Hutchinson demonstrates how to make your hero header stand out with CSS animations.

Read more

Structuring and Managing CSS

Tom Sabin shares some advice on structuring and managing your CSS.

Read more

Writing Modular CSS

Zell Liew shares how and why he uses a slightly modified version of BEM for structuring CSS.

Read more

HTML & CSS Is Hard

If somebody you know wants to get into web-development, but doesn’t know where to start, direct them to this tutorial for complete beginners, by Oliver James.

Read more

Promoted Link

Snag the hottest new domain name for designers

Snag the hottest new domain name for designers

.design domains were just released and some of the best ones are still available. Normally cost $35 but CSS Weekly readers get them now for only $5!

Claim your .design domain now!

Tools

Grid-Kiss: Keep CSS Grids Simple, Stupid

An experimental PostCSS plugin aiming to replace the 24 new CSS Grids properties with a single one that you can easily understand.

Check it out

Alix

Alix is a browser extension for a11y.css. It allows you to lint your HTML for Accessibility issues simply by applying a stylesheet that makes use of advanced CSS selectors.

Check it out

Inspiration

Stack Motion Hover Effects

Stack Motion Hover Effects

Experimental hover effects that reveal a stack of multiple colored cards behind the hovered item, created by Mary Lou.

Get inspired

Until Next Week

If you find the content valuable, please consider supporting the newsletter on Patreon.

Happy coding,
Zoran Jambor

Issue #256 Issue #258

CSS Stickers!

CSS Stickers set.

A set of beautiful, cute, and funny CSS stickers to showcase your love for CSS.

Get Your Set Today »

Course Mastering Linting

Get proficient with the best linting tools, Prettier & Stylelint.

Enroll Now »

Follow CSS Weekly

YouTube 11,000 Subscribers X / Twitter 16,700 Followers Bluesky 3,900 Followers TikTok 1,600 Followers Facebook 2,400 Likes Codepen 150 Followers RSS 8,500 Subscribers
YouTube 11,000 Subscribers X / Twitter 16,700 Followers Bluesky 3,900 Followers TikTok 1,600 Followers Facebook 2,400 Likes Codepen 150 Followers RSS 8,500 Subscribers

CSS Weekly is curated, edited,
published and created by Zoran Jambor.