Issue #511

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.

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!

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

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.

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

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

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

Eric Eggert outlines the downsides of constraining content through CSS.

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.

Color.js is a JavaScript library to make, modify, and manipulate colors in a wide variety of color spaces.

An online generator to create gradient shadows with pure CSS.

Mary Lou created a stunning grid interaction effect where adjoining items make way for a selected one that expands.