Jump to main content

Nicolas Hoizey

  • articles
  • billets
  • links
  • notes
  • talks
  • archives
  • about

Mark Llobrera avatar Mark Llobrera

Eleventy: Building an Image Gallery with CSS Grid and PhotoSwipe

  • Nicolas Hoizey
  • 22 January 2021
  • image, Eleventy, responsive, WebPerf, Netlify
  • 5 reactions
Screenshot of “Eleventy: Building an Image Gallery with CSS Grid and PhotoSwipe”

https://www.markllobrera.com/posts/eleventy-building-image-gallery-photoswipe/

Mark is using my Images Responsiver plugin for Eleventy with Netlify Large Media and PhotoSwipe to build an image gallery, and it's really great!

5 reactions

4 likes

  1. edgemesh avatar
  2. Pierre-A Dupuy avatar
  3. Mark Llobrera avatar
  4. loafing loaf avatar

1 repost

  1. webperfbot avatar
  • Older: Page Weight Matters
  • Newer: The unreasonable effectiveness of simple HTML

Related contents with similar topics

  1. screenshot of JPEG XL vs AVIF for web use-cases

    Jake Archibald avatar Jake Archibald

    JPEG XL vs AVIF for web use-cases

    • Nicolas Hoizey
    • 22 October 2026
    • WebPerf, image, JPEG XL, AVIF
    • 5 reactions

    I'll go into full detail, with examples and benchmarks, but for those of you who don't have the time, here are [2 of] the headlines: For lossy photos…

  2. screenshot of Standards In Progress: Making Video Posters Accessible, Responsive, and an Element

    Scott Jehl avatar Scott Jehl

    Standards In Progress: Making Video Posters Accessible, Responsive, and an Element

    • Nicolas Hoizey
    • 8 October 2026
    • WebPerf, accessibility, responsive, HTML, video
    • 11 reactions

    I'm showing just a sampling of the available markup here of course–you might want to coordinate multiple art-directed video and picture sources for…

  3. screenshot of The case against JPEG XL

    Gianni Rosato avatar Gianni Rosato

    The case against JPEG XL

    • Nicolas Hoizey
    • 14 September 2026
    • WebPerf, image, JPEG XL, AVIF
    • 7 reactions

    JPEG XL isn't useless; it is genuinely compelling technology for use cases beyond the Web. I'm just not personally convinced we need it in browsers…

  4. screenshot of The present and potential future of progressive image rendering

    Jake Archibald avatar Jake Archibald

    The present and potential future of progressive image rendering

    • Nicolas Hoizey
    • 16 October 2025
    • image, WebPerf
    • 4 reactions

    So if the browser manages to download 6 kB then stalls, then AVIF can produce a better result. But since the AVIF rendering is only two-pass, if the…

  5. screenshot of JPEG VS AVIF - The Battle of Compression

    kliksphilip

    JPEG VS AVIF - The Battle of Compression

    • Nicolas Hoizey
    • 25 September 2024
    • image, WebPerf, AVIF, JPEG XL
    • 2 reactions

    In this super thorough study I test one single HD image and come to vast sweeping conclusions about JPEG XL and AVIF. But that's still one image comparison…

If you want to share an error or suggest an enhancement of this content, please edit the source on GitHub.

© Nicolas Hoizey

Built with Eleventy