An Interactive Guide to CSS Container Queries
Another terrific interactive tutorial from Ahmad, this time on container queries.
Techniques For Gracefully Degrading Media Queries - Smashing Magazine
There are some inaccuracies and misrepresentations in here, but on the whole this is a pretty good round-up of your options when dealing with responsive design in older browsers.
Related links
Retrofitting fluid typography | Clagnut by Richard Rutter
Here’s a taste of what Rich will be delivering at Patterns Day on Thursday—can’t wait!
Getting started with CSS container queries | MDN Blog
Michelle has written a detailed practical guide to container queries here.
The Guide To Responsive Design In 2023 and Beyond - Ahmad Shadeed
Instead of thinking about responsive design in terms of media queries, I like to think of responsive design in these categories.
- Responsive to the content
- Responsive to the viewport
- Responsive to the container
- Responsive to the user preferences
Container Queries and Typography
I feel like we need a name for this era, when CSS started getting real good.
I think this is what I’ve been calling declarative design.
Related posts
Even more writing on web.dev
Five more articles on modern responsive design to close out the course.
Utopia
Why do I like fluid responsive typography? Let me count the ways…
Expectations
Offline could be the new normal.
Someday
Changing defaults in browsers …someday.
Tweakpoints
Not all media queries are created equal.