The end of responsive images - Piccalilli
Hallelujah! Support for sizes="auto" is finally landing in Firefox and Safari! Praise be!
The web is mostly links and forms | Go Make Things
In the same vein as that last link, Chris says what we’re all thinking:
Most of what we build is links from one page to another, and
formsubmissions that send data from the browser to the server.
Related links
HTML Video Poster Image: Enable Responsive Images and ALT Text for Poster by allowing a child IMG Element (with an optional Picture Element wrapper) to Control the Video Poster Image · Issue #10378 · whatwg/html
This is such a brilliant idea! Why not allow an img element inside video element in order to provide a responsive, accessible poster image?
Progressive Web Components | Ariel Salminen
I’m slapping my forehead—progressive web components is a perfect name for what I’ve been calling HTML web components. Why didn’t I think of that?
A Progressive Web Component is a native Custom Element designed in two layers: a base layer of HTML and CSS that renders immediately, without JavaScript, and an enhancement layer of JavaScript that adds reactivity, event handling, and more advanced templating.
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.
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.
Related posts
A web font strategy
How I’m prioritising performance when it comes to typography on The Session.
Testing browser support for `focusgroup`
A bit of feature detection for a proposed new HTML attibute.
Installing web apps
BeforeInstallPromptEvent vs. navigator.install
Aleth Gueguen is speaking at Web Day Out
Progressive web apps from the trenches.
Reasoning
In which I find a tagline for Web Day Out and a tagline for React.