Teaser: Client hints have landed, picture in Edge is official, and Yoav is bad at vacation.
After months of discussion over on blink-dev, Client Hints finally got the magical “LGTM”s and support for the DPR, Width and Viewport-Width hints has landed in Blink. If all goes well, they’ll ship in Chrome 46.
Because he’s Yoav – the very same Yoav whose Blink username currently claims to be “Out of the Office until the 15th” – Yoav landed the commit on shady wifi while on vacation. As a great man once said,
We shall land responsive image patches, whatever the cost may be. We shall commit on the beaches, we shall express our intent to implement in the countryside, we shall read mailing lists in the fields and compile use cases in the streets, we shall spec in the hills; we shall never serve an 85.4MB website about sunglasses.
God Save Yoav. And if you’re interested in pushing the complexity of managing multiple resources out of your markup and onto a server, grab a fresh Canary, brush up on the spec and give Client Hints a spin.
It’s official. No timeline yet (and their status page hasn’t even been updated), but: picture is coming to Edge. Which makes Webkit the last of the three major rendering engines not to have made a public commitment to implementing the full respimg spec.
There are, of course, positive signs. And Yoav’s on the case.
-
The Financial Times implemented responsive images on a new responsive design that they’re cooking up and saw a 66% decrease in total bytes transferred, and a 40% improvement on their Speed Index. Not too shabby.
-
Chris Coyier published an excellent thirty minute screencast over on CSS Tricks which walks through a responsive images implementation using Picturefill,
wdescriptors, andsizeswith a design breakpoint. Uniquely, Chris delves into how to actually export the resources we need from layout comps in both Sketch and Photoshop. Excellent!
See you in a couple of weeks!
—eric