Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
Picturefill 1.0 in action
<span data-picture>
<span data-src="small.jpg"></span>
<span data-src="small-@x2.jpg" data-media="(min-device-pixel-ratio: 2.0)"></span>
<span data-src="medium.jpg" data-media="(min-width: 1030px)"></span>
<span data-src="medium-@2x.jpg" data-media="(min-width: 1030px) and (min-device-pixel-ratio: 2.0)"></span>
<span data-src="large.jpg" data-media="(min-width: 1240px)"></span>
<span data-src="large-@2x.jpg" data-media="(min-width: 1240px) and (min-device-pixel-ratio: 2.0)"></span>
<img src="medium.jpg"/>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment