The Origin Story of Container Queries—zachleat.com


Container Queries are an usually requested characteristic of the online platform. It has change into nearly cliché to say it when speaking about issues we’d like the online platform to resolve. Container Queries would go a good distance towards serving to net builders do their jobs higher and its omission is a big limitation when growing component-based code for the online.

Everybody needs it, nevertheless it certain looks as if nobody is actively engaged on it. However I’m not right here to soapbox about that. Right here I solely imply to find the earliest point out of Container Queries (or Component Queries or any implementations of this comparable thought) to study how lengthy this characteristic has been requested by net builders. I’m curious: is that this size of time customary for a brand new characteristic of the online platform? Or is one thing else occurring?

Listed below are the earliest mentions of Container Queries that the neighborhood was capable of dig up (in reverse chronological order):

2013 April 1
Ian Storm Taylor’s _Media Queries are a Hack_ blog post

2013 March 17
joecritch’s AvatarJoe Critch’s container-queries

2013 March 8
mlrawlings’s AvatarMichael Rawlings’ containerqueries
2013 February 7
jon_neal’s AvatarJon Neal’s (now ⛔️ deleted) Thoughts on Media Queries for Elements

2013 February 7
necolas’s AvatarNicolas Gallagher’s (now ⛔️ deleted) tweet

2012 April 21
jon_neal’s AvatarJon Neal’s MediaClass
2012 January 23
paul_irish’s AvatarPaul Irish’s tweet reply to a (now ⛔️ deleted)ianstormtaylor’s AvatarIan Storm Taylor tweet (date unknown)
2011 September 1
A question posted by user `Damon` on Stack Overflow

2011 July 15
andyhume’s AvatarAndy Hume’s (now ⛔️ deleted) Responsive Containers blog post

2011 July 14
andyhume’s AvatarAndy Hume’s selector-queries

Andy Hume’s work, so far, appears to be the unique! If in case you have others that pre-date 2014 (even when they aren’t earlier than Andy’s), please reply to this tweet.

Take a look at all this hyperlink rot! We’re so fortunate that many of those entries had been preserved by The Wayback Machine. You can also donate to the Internet Archive to assist their clearly helpful mission.

For comparability, Ethan Marcotte’s authentic A Record Aside article on Responsive Net Design was printed 9.6 years in the past on Might 25, 2010.

The primary large-scale Responsive Web Design project at the Boston Globe was launched after container queries had been planted 8.three years in the past on September 9, 2011. The Boston Globe launch additional planted the seeds for responsive image approaches that might end in net browser implementations of each <img srcset> and <image> simply three years later in 2014.

In conclusion, 🤷‍♂️.





Source link

Leave a Reply

Your email address will not be published. Required fields are marked *