Skip to content

Instantly share code, notes, and snippets.

@apisandipas
Last active August 29, 2015 14:04
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
Star You must be signed in to star a gist
Save apisandipas/34fa6f55838cc80b6db0 to your computer and use it in GitHub Desktop.
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>
<noscript>
<img src="medium.jpg"/>
</noscript>
</span>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment