Skip to content

Instantly share code, notes, and snippets.

@druellan

druellan/html5_responsive_sourceset

Created June 12, 2017 15:17
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save druellan/eadcb53d688931b3b7874fb85078726e to your computer and use it in GitHub Desktop.
Save druellan/eadcb53d688931b3b7874fb85078726e to your computer and use it in GitHub Desktop.
Download ZIP
HTML5 Responsive Sourceset
Raw
html5_responsive_sourceset
<img src="foo.jpg" alt="Bar" srcset="foo@2x.jpg 2x, foo.jpg 1x">
<picture>
<source media="(min-width: 1024px)" srcset="foo-large.jpg 1024w, foo-medium.jpg 640w, foo-small.jpg 320w" sizes="50vw">
<source srcset="foo@2x.jpg 2x, foo.jpg 1x">
<img src="foo.jpg" alt="Bar">
</picture>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment