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

Issue #511

June 30, 2022

Defensive CSS

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.

Read more

The Case for Using Sass in 2022

The Case for Using Sass in 2022

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

Read more

From Our Sponsor

Automate performance experiments with no changes to your codebase

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

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.

Read more

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.

Read more

Complex vs Compound Selectors

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

Read more

text-overflow: ellipsis Considered Harmful

Eric Eggert outlines the downsides of constraining content through CSS.

Read more

Promoted Link (via Paved)

Hear about the latest tech before anyone else.

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

Tools

Color.js

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

Check it out

CSS Shadow Gradients

An online generator to create gradient shadows with pure CSS.

Check it out

Inspiration

Make Way Grid Effect

Make Way Grid Effect

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

Get inspired

Until Next Week

Thanks for reading! If you find the content valuable, please consider supporting the newsletter on Patreon.

Happy coding,
Zoran Jambor

Issue #510 Issue #512

Follow CSS Weekly

YouTube 2,700 Subscribers Twitter 15,500 Followers Facebook 2,300 Likes RSS 500 Subscribers
YouTube 2,700 Subscribers Twitter 15,500 Followers Facebook 2,300 Likes RSS 500 Subscribers

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