Issue #511

June 30, 2022

Defensive CSS

Ahmad Shadeed created a fantastic resource full of practical CSS and design tips that will help you build robust, future-proof user interfaces.

Mayank outlines some of the use-cases for Sass that are still relevant today.

Automate performance experiments with no changes to your codebase

WebPageTest Opportunities & Experiments helps you build better user experiences, faster with actionable insights and automated performance experiments. Test, tweak, and mix suggested and custom HTML, JS, and CSS experiments to gauge performance impact before changing a single line of code!

Start Testing for Free

CSS Weekly on YouTube

Managing Specificity With CSS Cascade Layers

An in-depth guide to CSS Cascade Layers that will help you write easily maintainable stylesheets and deal with CSS specificity more efficiently.

Watch video

Articles & Tutorials

Single Element Loaders: The Bars

Temani Afif examines “bars” pattern for loaders and shows how to build it with only one element and flexible CSS, making it easy to create variations.

3 Useful CSS Hacks

Kevin Powell looks at some unconventional approaches to solving specific problems in CSS.

Watch video

How To Make Absolutely Any App Look Like a MacOS App

Anton Lovchikov and Travis Turner share common UI conventions of macOS apps and explain how to mimic that feeling in web apps.

Complex vs Compound Selectors

Miriam Suzanne outlines the difference between compound selectors and complex selectors.

text-overflow: ellipsis Considered Harmful

Eric Eggert outlines the downsides of constraining content through CSS.

Hear about the latest tech before anyone else.

There’s a reason over 450K people read Emerging Tech Brew – the free email newsletter covering the latest developments in the future of technology. If it affects you and your world, Emerging Tech Brew will make sure you stay informed & entertained, for free.

Try it