srcset attribute added to WHATWG recommendation
So what really happened? Well I’m glad you asked! Go grab a cup of coffee (applause to those already with one in hand), set your work timer to professional contribution/development and lets take a look.
This week we will take a look at how we arrived at the current situation and what the general feeling of the public is around the decision.
WTFWG - This has the award for the best blog post title. Tim Kadlec (awesome organiser of the BD Conference) is a little pissed off with how everything has gone down with regards to the decision. From this blog post it appears as though the community group followed everything that WHATWG asked of them before an Apple employee submitted a less favoured solution that was immediately added to the spec. I like Tim, but don’t let it be the only article that you read as Bruce and Jeremey (articles below) provide yet another view on the situation. Remember it’s not so much the decision that has annoyed Tim, but the way in which that decision was reached.
HTML5 Adaptive Images, end of round one - In this post Bruce Lawson takes a look at the decision on HTML5 Doctor. While he was the person that came up with the <picture> element at the beginning (other’s also came up with the same idea independently) it was good to see him happy that a decision was made and that the issue was being looked at in the first place.
Secret SRC - Jeremey Keith takes the sting out of the debate by offering an informative overview of the scenarios that lead to the inclusion of the srcset over the picture element before going into details about exactly what the srcset actually does, how it does it and how that affects our implementations.
Responsive Images and Web Standards at the turning point - Matt Wilcox, the creator of the W3C Responsive Image Community Group, goes into enormous detail about how he believes that the community has been ignored in favour of WHATWG and what is easier for browsers.
I encourage you to read all four of these articles above in detail to get an idea about what the situation is today. I also encourage you to join the mailing lists, IRC channels or community working groups and put your two cents in as developers and web authors. If you don’t speak up, you will not be heard and will have no place to complain if the implementation you wanted is thrown out.
Screwing the srcset - Here Stu Robertson takes a look at the first pollyfill that has been created for the srcset attribute and some possible fixes to make it a little better and more future friendly.
Media Queries Can’t Be Used for Resolution Negotiation - an explanation about why media queries can not alone decide what media to use (kind of ironic). This looks at download speeds, latency, and all the issues that go along with the current solution.
The Egotistical Puppet King & I - If any good came out of this issue it’s the fact that the CSS Squirrel is drawing again.
Responsive Images using CSS3 - Nicolas Gallagher is far to smart for his own good, and he’s at it again with another brilliant suggestion. He takes a look at another possible solution that relies on CSS3 rather than the srcset solution. Nicolas also points out the flaws in his approach… what a nice chap!
Some early thoughts on img@srcset in the real world - Scott Jehl says…. Syntax aside… if srcset was here to stay regardless of what we want, is there any way we could make it work in existing browsers without introducing unnecessary overhead or potentially buggy markup? At a glance, it looks shaky to me.
I wanted to throw in one link that didn’t have anything to do with responsive images. Content Choreography is something that we take into consideration when laying out our page and writing the semantic dom structure of the page. Jordon Moore has written a great post on using box-flex to re-order the content when you turn to a linear layout. Well worth a read!!!
Don’t forget if you have anything intersting you would like us to share be sure toget in touch with us.
Thanks for reading Responsive Design Week #5. Next week we will be back with our usual round up of weekly links and we’ll revisit the twists and turns of the responsive images argument. Until then, have a great weekend!.