Don’t judge a book by its cover
Some neat CSS from Tess that’s a great example of progressive enhancement; these book covers look good in all browsers, but they look even better in some.
Optimizing PWAs For Different Display Modes — Smashing Magazine
There’s really good browser support for display-mode media queries and this article does a really good job of running through some of the use cases for your progressive web app.
Related links
Why we teach our students progressive enhancement | Blog Cyd Stumpel
Progressive enhancement is about building something robust, that works everywhere, and then making it better where possible.
Custom Asidenotes – Eric’s Archived Thoughts
An excellent example of an HTML web component from Eric:
Extend HTML to do things automatically!
He layers on the functionality and styling, considering potential gotchas at every stage. This is resilient web design in action.
Quantity queries using has() selector
Here’s a handy little tool for generating CSS with :has() selectors in order to do quantity queries.
What You Need to Know about Modern CSS (2025 Edition) – Frontend Masters Blog
Here’s a comprehensive round-up of new CSS that you can use right now—you can expect to see some of this in action at Web Day Out!
Related posts
Installing web apps
Here’s an HTML web component you can use if you’re participating in the origin trial for the Web Install API.
Simplify
Reminding myself just how much you can do with CSS these days.
Making the new Salter Cane website
A redesign with modern CSS.
Going Offline is online …for free
Read the book I wrote about service workers. It’s all yours.
Making the website for Research By The Sea
Having fun with view transitions and scroll-driven animations.