The holy grail of native use in browsers launched earlier this year, and I can't believe I missed it!
sizes='auto' means we can now drop lazy loading images into pages and the browser will choose the correct image size without any media rules being specified, or using any JS!
https://codepen.io/stephenjbell/pen/gOVpBvx
[#]webdev #webdesign
=> More informations about this toot | More toots from stephenjbell@indieweb.social
@stephenjbell we tried to tell you https://front-end.social/@Wilto/111523079886202050
=> More informations about this toot | More toots from eeeps@front-end.social
@eeeps @stephenjbell i’m still the dj
=> More informations about this toot | More toots from Wilto@front-end.social
@Wilto @eeeps sizes auto party!
=> More informations about this toot | More toots from stephenjbell@indieweb.social
@Wilto @eeeps Any idea if Safari/Firefox are heading in this direction?
=> More informations about this toot | More toots from stephenjbell@indieweb.social
@stephenjbell @Wilto They're on board (https://www.webkit.org/standards-positions/#position-9 https://mozilla.github.io/standards-positions/#img-auto-sizes) but I don't think anyone's writing code yet.
(This is a great reminder that I wanted to submit this for Interop 2025, brb)
=> More informations about this toot | More toots from eeeps@front-end.social
@stephenjbell @Wilto Ta da! https://github.com/web-platform-tests/interop/issues/761
=> More informations about this toot | More toots from eeeps@front-end.social
@eeeps @Wilto
=> More informations about this toot | More toots from stephenjbell@indieweb.social
@eeeps Haha. I shared that at the time! I just didn’t know that “soon” had already turned into 50% supported!
=> More informations about this toot | More toots from stephenjbell@indieweb.social This content has been proxied by September (ba2dc).Proxy Information
text/gemini