An Interactive Guide to CSS Container Queries
Another terrific interactive tutorial from Ahmad, this time on container queries.
Learn Images
Mat has written this free course for you all about images on the web. Covering image formats, responsive images, and workflows, this is one to keep on speed dial.
Related links
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.
Sizes=”auto” pretty much requires width and height attributes — ericportis.com
Huh! I did not know this. Good to know!
Getting started with CSS container queries | MDN Blog
Michelle has written a detailed practical guide to container queries here.
Responsible Web Applications
An excellent collection of advice and examples for making websites responsive and accessibile (responsive + accessible = responsible).
Related posts
More writing on web.dev
Another five articles on modern responsive web design.
Building the dConstruct 2015 site
Hats off to Graham.
dConstruct optimisation
Tweaking the dConstruct 2012 site for performance.
The top four web performance challenges
Counting down the charts—what will be in the number one spot?
Downloading from Google Fonts
For some reason, Google Fonts only provides .ttf files if you’re self-hosting. I don’t know why.