Teaser: The RICG meets, greets, and files a bunch of panicky test-fail issues with browser vendors.
RICG members and representatives from the IE, Firefox, and Chrome teams met in Redmond last Thursday to talk about where the RICG is and where we’re all headed. The meeting was action-packed. I’m hoping that some of the folks who were in attendance will be able to write up recaps, but here are the things that stuck out to me from the minutes:
- Microsoft is planning on implementing the full suite of respimg features.
img
will be getting a readable/writeable DPR property, accessible via JavaScript.- The venerable respimg use-cases doc will be seeing some new use-cases soon.
- Tab Atkins is preparing a concrete, workable Element Queries spec to submit to The Group.
- Client hints are a much bigger deal than I’d previously understood them to be, and will provide a general architecture for intelligently-managed, opt-in content negotiation. Yoav’s just-landed implementation of the DPR, Content-DPR, and Resource Width hints in Chrome is just the first step.
- Yoav and Ilya are also working to implement a bunch of standard ways that developers can use
link
/headers to suggest that browsers do work head of time: preconnect, preload, and prefetch/pre-render aka Resource Hints.
Phew!
Last newsletter, I jubilantly celebrated the prefing-on of respimg features in Firefox Nightly, which paved the way for the features to be pushed out to millions of Firefox stable users in May. Subsequently, it was discovered that the pref-ed on implementation failed a boatload of tests. A freakout ensued, but I’m happy to report a happy ending — original Gecko respimg developer John Schoenick was cajoled out of Mozilla-retirement for one last job and saved the day, identifying and fixing a handful of root parser incompatibilities.
Phew!
- Remember the microtasks Yoav was implementing in WebKit last newsletter? They’ve landed! Action now moves to the async image loading issue.
- Dave Newton published an all-in-one Grunt respimg plugin which’ll take an input image and spit out well-optimized, multiple-resolution, multiple-format versions of it, ready for inclusion in markup. The plugin packages up all of the exhaustive research that Dave has been doing into ImageMagick settings into a Grunt-based easy button.
- Tim Evko penned a wonderful article over on Smashing Magazine which details the hows and whys of the Wordpress respimg plugin.
- Bruce Lawson —
picture
’s fairy godmother — gave what appears to have been an excellent, whimsical, and informative respimg talk at the Awwwards conference in Barcelona. - Jason Grigsby went deep on responsive hero images over on the Cloud Four blog, using them as a window into a much large discussion about designing with/for constraints in order to deliver useful, simple, and thoughtful design systems to clients. Choose your breakpoints based on where it breaks — this is as true for images and art direction as it is for layouts.
See you in a couple of weeks!
—eric