CSS weekly 269

Locally Scoped CSS Variables: What, How, and Why

Una Kravets explains how leveraging CSS Variable scope can improve the size, specificity, and semantics of your stylesheets. Read more

Celebrate the Web by Using Another Browser than Google’s Chrome

David Heinemeier Hansson on why you should try to incorporate a browser other than Chrome into your routine. Read more

Front-end coders. UX, UI, & interaction designers. Content strategists and project managers. Site owners, marketers, and managers. They all attend AEA. Maybe it’s because no other conference delivers the education, inspiration, and community spirit of this uniquely comprehensive web event. Join us at the AEA nearest you!

Articles & Tutorials

Thoughts on Self-Documenting CSS

Keith J. Grant shares his thoughts on self-documenting CSS. Read more

Fun with Viewport Units

Miriam Suzanne demonstrates a couple of creative use-cases for viewport units. Read more

How the minmax() Function Works

Ire Aderinokun explains how the minmax() function of CSS Grid works. Read more

An Intro to Web Components with Otters

Monica Dinculescu, with a little help from otters, will tell you what Web Components are and teach you how to use them. Read more

70% Repetition in Style Sheets: Data on How We Fail at CSS Optimization

Jens Oliver Meiert looks at the CSS of top 200 content websites and draws some interesting conclusions. (We repeat ourselves too much.) Read more

Promoted Link

Visuals are processed 60K times faster in the brain than text. Find the perfect visuals for your project at iStock.

Easily search millions of authentic images and video clips at iStock.com and ensure your project truly stands out. Until June 18th you can save 15% with code C38PC46N. Make an impact without breaking the bank. Join Now

Tools

Tad

Tad is a free (MIT Licensed) desktop application for viewing and analyzing tabular data.

Check it out

Better Less

Cross-compatible syntax highlighting for Less. The package currently works with Sublime Text, Atom, Textmate 2, and Visual Studio Code.

Check it out

Inspiration

Flexbox Zombies

Flexbox is incredibly powerful, but also very hard to master. That’s why Dave Geddes created a fun course that will help you learn the ins and outs of Flexbox.
(The course requires registration, but it’s free and well worth it.)

Get inspired