What does the image decoding attribute actually do?
So use it on your `` elements if you want. It's maybe good that image components for libraries use this, or that platforms like WordPress set it by…
What does the image decoding attribute actually do?
So use it on your `` elements if you want. It's maybe good that image components for libraries use this, or that platforms like WordPress set it by…
Tomas Pueyo
Maps Distort How We See the World
If all these maps follow so many conventions, and they distort the perception of the world to such an extreme, why does the international community…
Synchronize videos, 3D-models, etc. to Scroll-Driven Animations
With Scroll-Driven Animations it’s really easy to animate elements as they enter/exit/whatever. But what if you want to sync a video to that? Or maybe…
Thoughts from “Meet Safari for Spatial Computing”
It’s 2023 and would you look at that: semantic, accessible HTML is still as important as ever. HTML isn’t just for old beige tower computers connected…
Cropping Images with CSS While Keeping a Focal Point in the Center
This is a lovely way to deal with image crop and focal point with CSS only! 😍 And I love that Johannes put this warning in the beginning: While client-side…
Who would have thought linking to another Web page was so difficult… 🤷♂️
Cloudflare in “Faster website, more customers: Cloudflare Observatory can help your business grow”:
The generated report provides an overall performance score ranging from 1 (least performant) to 99 (most performant)
First try on my photography site: 100 🤷♂️😅
Joke aside, new tools to audit performance are always welcome!
This is the new CSS. The most powerful design tool for the Web ever. Only by using CSS, you can leverage what the platform is now capable of. Only…
New Recommendations for Ecommerce Images
For ecommerce companies—particularly for those selling apparel—it likely makes sense to prioritize image quality above file size. This is a really…
Cyclic Dependency Space Toggles
this method is so simple and powerful I'm not so sure about the "simple" part… 😅 But I definitely agree about the "powerful" one! 🤯
I'm really worried about #WebPageTest, right now… 🤨
The media
attribute is back into the spec for <video>
's <source>
! 🥳
https://github.com/whatwg/html/pull/9341
Let's hope srcset
and sizes
come next, but this needs a new issue:
https://github.com/whatwg/html/issues/6363#issuecomment-1564464346
Apparently, an image whose part above the fold is indeed the largest, but of which only a small part can be seen, can be considered an LCP element, even if another image has a larger part visible... 😭
You can see this for my photography site in this WebPageTest result:
https://www.webpagetest.org/vitals.php?test=230606_BiDcN4_4NJ&run=3&cached=0#lcp
Looks like we will soon have JPEG XL in Safari! 🥳
Looks like <link rel="preconnect" …>
will start working again in Firefox 115! 🥳
Is there a viable animated GIF alternative yet or what?
We need to talk about video and animated image formats in the same breath. Many articles compare video formats to GIF, or image formats to each other,…