Issue #624

October 24, 2025

The Present and Potential Future of Progressive Image Rendering

Jake Archibald explores progressive image rendering across JPEG, PNG, WebP, AVIF, and JPEG XL, outlines common misconceptions, and shares a pragmatic AVIF solution.

Ahmad Shadeed shows how to improve a typical section design by making it more dynamic with container queries, :has(), clamp(), and grid.

Level Up Your Dev Skills With Scrimba

Level up your coding skills with hands-on, interactive courses in a variety of languages and frameworks, from front-end to full-stack.

As a CSS Weekly reader, you will get a 20% discount if you upgrade to Scrimba Pro to get access to all of their courses.

Level Up Your Coding Skills »

Articles & Tutorials

Making Context-Aware Components: How CSS inherit() Could Simplify Design Systems

Stuart Robson explains how the new inherit() function lets components derive spacing, colour, and motion from their container, reduce token bloat, and how to implement robust fallbacks for browsers that don’t yet support the feature.

Solved by CSS Scroll State Queries: hide a header when scrolling down, show it again when scrolling up.

Bramus Van Damme gives a short introduction to a new type of CSS scroll-state query: scrolled.

Sequential linear() Animation With N Elements

Temani Afif shows how to create a sequential animation using modern CSS features.

Masonry: Watching a CSS Feature Evolve

Saleh Mubashar examines discussions around CSS Masonry and explains what they can teach us about the development of new CSS features.

Page Headings Don’t Belong in the Header

Martin Underhill explains why you shouldn’t put page headings into the header element.

Spotlight

❤️ The Internet’s Favorite Icon Library and Toolkit — From 2,000+ open source icons in FA Free to 11 million possible icons in our Pro plans, Font Awesome makes it easy to find the right icon for your project. Get 20% off Today!

🚀 Build your next app on HubSpot — The HubSpot Developer Platform gives you the tools to build, extend, and scale with confidence. Create AI-ready apps, integrations, and workflows faster.

📚 Get practical knowledge at AWS re:Invent this December — Join us at AWS re:Invent for five exciting days of deep technical training, peer-to-peer learning, and connections. You’ll leave with actionable, practical solutions you can implement immediately.

// Sponsored Links

Tools

CSS Podcast — Season 5

Follow Una Kravets and Bramus Van Damme, Developer Advocates from Google, in season 5 of a fantastic podcast focused exclusively on CSS.

Check it out

Glass3d Generator

A handy, modern online glassmorphism generator.

Check it out

From Our Friends

Unicorn Club

The product design newsletter for people who deliver real value — Build, Shape, and Ship with actionable interface patterns, shared standards, and delivery habits you can apply every week.

Clear insights, real impact, and zero filler.

Join Now