Skip to content

Instantly share code, notes, and snippets.

@kellysutton

kellysutton/exhaustive-markup.html

Last active June 16, 2016 18:19
Show Gist options
  • Save kellysutton/4f71276a2c755ff8ecb9e73dce320d3d to your computer and use it in GitHub Desktop.
Save kellysutton/4f71276a2c755ff8ecb9e73dce320d3d to your computer and use it in GitHub Desktop.
Download ZIP
Raw
exhaustive-markup.html
<img srcset="https://assets.imgix.net/flower.jpg?w=50 50w,
https://assets.imgix.net/flower.jpg?w=100 100w,
https://assets.imgix.net/flower.jpg?w=150 150w,
...
https://assets.imgix.net/flower.jpg?w=5200 5200w,
https://assets.imgix.net/flower.jpg?w=5260 5260w"
src="https://assets.imgix.net/flower.jpg?w=540"
alt="A white flower"
/>
Raw
markup-with-devices.html
<img srcset="https://assets.imgix.net/flower.jpg?w=50 50w,
https://assets.imgix.net/flower.jpg?w=100 100w,
https://assets.imgix.net/flower.jpg?w=150 150w,
...
https://assets.imgix.net/flower.jpg?w=540 540w,
https://assets.imgix.net/flower.jpg?w=640 640w
https://assets.imgix.net/flower.jpg?w=750 750w,
https://assets.imgix.net/flower.jpg?w=1080 1080w,
https://assets.imgix.net/flower.jpg?w=1242 1242w,
https://assets.imgix.net/flower.jpg?w=1620 1620w"
sizes="(min-width: 540px) 540w, 100vw"
src="https://assets.imgix.net/flower.jpg?w=540"
alt="A white flower"
/>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment