An Interactive Guide to CSS Container Queries
Another terrific interactive tutorial from Ahmad, this time on container queries.
Responsive Field Day
All the videos from the excellent Responsive Field Day are now available. Even better, the audio is also available for your huffduffing pleasure!
All the presentations and panels were great. Sophie Shepherd’s terrific talk has really stuck with me.
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!
Responsive typography and its role in design systems | Clagnut by Richard Rutter
Okay, if you weren’t already excited for Patterns Day, get a load of what Rich is going to be talking about!
You’ve got your ticket, right?
Extending Responsive Video with HTML Web Components | Scott Jehl, Web Designer/Developer
Scott gives a thorough step-by-step walkthrough of building an HTML web component, in this case for responsive video:
In this post, I’m going to talk briefly about responsive video, but most of the post will be about using HTML web components to extend native video behavior in very helpful ways. But even if you’re not particularly interested in video development, stick around as I’ll demonstrate how to build an HTML Web Component to progressively enhance anything you need.
Getting started with CSS container queries | MDN Blog
Michelle has written a detailed practical guide to container queries here.
Related posts
Fluid
Going from delight to default in one straight line.
Partnering with Google on web.dev
How Clearleft worked with the Chrome team to create a fifteen-part course on modern responsive design.
Media queries with display-mode
I never would’ve known about the `display-mode` media feature if I hadn’t been writing about it.
More writing on web.dev
Another five articles on modern responsive web design.
Writing on web.dev
A new free course on responsive web design.