Skip to content

Instantly share code, notes, and snippets.

@djibe

djibe/modern-html.md

Last active September 5, 2023 10:14
Show Gist options
  • Save djibe/30f9ece3d51499004003b9269f4fc4fc to your computer and use it in GitHub Desktop.
Save djibe/30f9ece3d51499004003b9269f4fc4fc to your computer and use it in GitHub Desktop.
Download ZIP
Modern HTML
Raw
modern-html.md

Modern HTML

Images

<picture>
  <source sizes="(max-width: 608px) 100vw, 680px"
    srcset="/img/photo-1920w.avif 1920w,
      /img/photo-1280w.avif 1280w,
      /img/photo-640w.avif 640w,
      /img/photo-320w.avif 320w",
    type="image/avif">
  <source srcset="photo.webp" type="image/webp" <!-- same sizes -->>
  <source srcset="photo.jpg" type="image/jpeg" <!-- same sizes -->>
  <img src="photo-fallback.jpg" alt="Photo description" width="360" height="240">
</picture>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment