Notes

• 27 January 2022
• DOM, HTML, JavaScript, Twitter
• 12 reactions
• permalink

Me: I would use a link with an image:

<a href="link/to/profile"><img src="picture.jpg" alt="Nicolas Hoizey" /></a>

Twitter:

🤷‍♂️

• 23 January 2022
• Eleventy, Pack11ty
• permalink

Zach Leatherman @zachleat

URLs, a poll:

(there is a right answer)

33 11:03 PM · Jan 22, 2022

This is an important question for #Eleventy users, because you can't have both /about.md and /about/index.md with Eleventy default behavior.

In #Pack11ty, a single setting is enough to decide: https://pack11ty.dev/documentation/collections/#permalinks

• 20 January 2022
• Cloudinary, image, preload, WebPerf
• 13 reactions
• permalink

It looks like when I preload an image on #Cloudinary, the automatic best format selection (f_auto) doesn't work! 😱

These two requests have the exact same URL:

• 18 January 2022
• tag, UX
• 3 reactions
• permalink

You can now filter the tags by usage frequency! 🏷🏷🏷

Can you guess which are my favorite topics? 😅

• 18 January 2022
• Firefox, image, JPEG XL, WebPerf
• 4 reactions
• permalink

Support for JPEG XL in Firefox just got a much better priority!

P5 → P3 🤩

https://bugzilla.mozilla.org/show_bug.cgi?id=1539075#a88948208_505306

• 15 January 2022
• Eleventy, EveryLayout, Pack11ty, RWD
• 14 reactions
• permalink

Every Layout @layoutplusplus

📢 The 3rd Edition of EVERY LAYOUT is now available!

We were blown away reading all the kind words you gave us for testimonials; have some logical properties as a thank you!
every-layout.devN

236 03:36 PM · Jan 14, 2022

Don't have this masterpiece yet? Get it now, it will prevent headaches when creating CSS layouts!

The layout of my #Eleventy project https://pack11ty.dev/ uses it to get a responsive layout without any media query.

• 13 January 2022
• Cloudflare, font, WebPerf
• 17 reactions
• permalink

My photography site is hosted on #Cloudflare, and they transform preload into HTTP/2 push. Great!

But why is my preloaded/pushed font downloaded twice then? 😅

• 11 January 2022
• image, RWD
• 28 reactions
• permalink

Year 2022: the year of Container Queries
Also 2022: most people still don't understand srcset-w/sizes

How will they mix? They currently can't, as @SaraSoueidan explained: https://www.sarasoueidan.com/blog/component-level-art-direction-with-container-queries-and-picture/

Any other resource on the topic?

• 7 January 2022
• Cloudinary, image, Mapbox, WebPerf
• 13 reactions
• permalink

The #Mapbox sprite on my photo site weights 222 kB:
https://nicolas-hoizey.photo/ui/thumbnails/sprite@2x.png

I would like to serve it with #Cloudinary to enhance performance, as this PNG sprite will fast get heavier with new photos.

If you agree, please vote! https://github.com/mapbox/mapbox-gl-js/issues/11379

• 5 January 2022
• Firefox, Flickr, image, JPEG XL, WebPerf
• 18 reactions
• permalink

Let's hope #Firefox will get JPEG XL support, if at least Facebook, Adobe and now #Flickr ask for it!

https://bugzilla.mozilla.org/show_bug.cgi?id=1539075#c23

Thank you for weighing in @DonMacAskill! 🤩