Joni points out a great advantage to the mobile-first approach if you choose not to polyfill for legacy versions of IE: you can go crazy with all sorts of CSS3 goodies in the stylesheet you pull in with media queries.
This is such a brilliant idea! Why not allow an img element inside video element in order to provide a responsive, accessible poster image?
Another terrific interactive tutorial from Ahmad, this time on container queries.
Here’s a taste of what Rich will be delivering at Patterns Day on Thursday—can’t wait!
Michelle has written a detailed practical guide to container queries here.
Container queries can’t be used in the sizes attribute for responsive images. Here, Jason breaks down why that is (spoiler: it’s the lookahead pre-parser) and segues into a truly long term solution: a “magical” image format.
If you’ve ever thought it felt weird to put media conditions inside the HTML for responsive images, this will resonate.
Five more articles on modern responsive design to close out the course.
Why do I like fluid responsive typography? Let me count the ways…
Changing defaults in browsers …someday.
“Common” breakpoints are the new fold.
Putting content first by combining responsive design with the CSS3 flexible box layout module.