Jump to main content

Nicolas Hoizey

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

Note from 18 November 2020

  • Nicolas Hoizey
  • 18 November 2020
  • Cloudinary, Eleventy, image, Netlify, responsive, WebPerf
  • 10 reactions

I mixed this awesome #Netlify proxy for #Cloudinary trick from @philhawksworth and @tkadlec with #Eleventy and my responsive images plugin, and the result is great! 😍

https://demo-11ty-netlify-cloudinary.netlify.app/

10 reactions

6 likes

  1. Sanjay Sarathy avatar
  2. Cloudinary avatar
  3. Shane Robinson avatar
  4. Bejamas.io avatar
  5. Jim avatar
  6. Jamstatic avatar

1 repost

  1. Cloudinary avatar

1 reply

  1. Lamecarlate avatar Lamecarlate
    @nhoizey Je ne comprends pas ta remarque « Mais je dois ajouter les hashtags aussi comme tags, j'aimerais éviter. ». Je ne cherche pas forcément à ce que les tags dans le texte soient cliquables, c'est juste que c'est plus simple pour moi de les écrire hors du frontmatter pendant que je crée. Je lis ton code et je commence à comprendre des trucs. Je n'ai pas encore trouvé où tu affiches les tags sur une note mais ça va venir, je fouille :) Merci beaucoup !
    • 23 September 2024, 14:09
    • Source

2 mentions

  1. Paul Applegate avatar Paul Applegate
    I love the fact that Nicolas keeps improving his work. This looks like a great mix of tech for those who have a lot of images stored with Cloudinary. Looking forward to his plugin serving .avif files in a few weeks 😂 Cloudinary does this already use f_avif in place f_auto
    • 18 November 2020, 02:54
    • Source
  2. Paul Applegate avatar Paul Applegate
    I love the fact that Nicolas keeps improving his work. This looks like a great mix of tech for those who have a lot of images stored with Cloudinary. Looking forward to his plugin serving .avif files in a few weeks 😂 Cloudinary does this already use f_avif in place f_auto
    • 18 November 2020, 02:54
    • Source
  • Older: Note from 17 November 2020
  • Newer: Note from 18 November 2020

Related contents with similar topics

  1. 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…

  2. 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…

  3. 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…

  4. 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…

  5. Note from 6 September 2024

    • Nicolas Hoizey
    • 6 September 2024
    • Cloudinary, Eleventy, screenshot
    • 1 reaction

    I'm now using #Eleventy's screenshot service for my links content, thanks a lot @zachleat@zachleat.com!

    But…

    Screenshot of my Cloudinary Library with multiple identical images of Eleventy logo

    …it looks like many screenshots fail, so I get the default image — Eleventy's logo —, as you can see in my #Cloudinary Library… 😅

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