For a small project, I wanted to display an author portrait in the bottom right corner of a page. Of course, I wanted the image to be responsive. The only technnique I was sort of familiar with is [Foundation interchange][foundation-interchange], but I wanted to see more. And in particular, I wanted to read about any new (or soon-to-be) HTML5 standard.
After a very quick googling, I stumbled on this [Smashing article][smashing-responsive-image] which very nicely exposes where we stood last year (in July 2013) on this topic. Although many things changed since then, it points out the[ picturefill library][scottjehl-picturefill], which is a polyfill for the fast moving [picture element][living-standard-embedded-content], a new HTML standard.
Aware of this polyfill, I searched for more explanations about how this srcset
and sizes
attributes work. A very good article explained it all to me, including where the specification comes from and with [a lot of peas][portis-srcset].
Now I get everything that's need