Ryan Townsend (old account)

464 Followers
168 Following
1,033 Posts
View Transitions Level 1 have been enabled in Firefox Nightly 🙌 https://bugzilla.mozilla.org/show_bug.cgi?id=1950759 – still plenty of dependencies before it'll reach stable by the looks of things, but a positive milestone!
1950759 - Enable View Transitions on Nightly

RESOLVED (emilio) in Core - CSS Parsing and Computation. Last updated 2025-04-25.

@Edent a complete micro-optimisation but putting repetitive attributes first and ones with higher entropy values after might be better for compression?

e.g. <img sizes=“” srcset=“”>

Sizes might be the same across many images but srcset will differ.

@anders @eleventy @zachleat sure: pulling in a SQLite database, storing it raw for use in serverless functions and then transforming it for use in templates.

Shout out to @eleventy's Fetch plugin.

Every time I've needed to do something I'd consider esoteric recently, it's had a clean solution – a perfect combo of simplicity on the surface to get started with and accessible low-level APIs.

Solid work @zachleat!

✅ Support ::details-content pseudo-element and improved styling of <details> element
https://bugzilla.mozilla.org/show_bug.cgi?id=1901037
1901037 - Support ::details-content pseudo-element and improved styling of <details> element

RESOLVED (lwarlow) in Core - DOM: Core & HTML. Last updated 2025-04-03.

@andydavies not to mention that in-viewport images _should_ just be served in a progressive format, so their first bytes can arrive milliseconds after document TTFB, this should mean no need for LQIP on those.

Outside the viewport, LQIPs could just be low-priority requests that are excluded from the preparser, like `loading=lazy`.

@andydavies generating and storing blurhashes for the server to inject into HTML isn't insignificant overhead/complexity for most websites though... certainly more than adding `loading=preview` and letting IMGIX/Cloudinary (or even a statically-transformed JXL) handle the rest.

@andydavies well if we're talking preferences... I'd prefer it implemented directly into an image format like JPEG-XL and we extend the `loading` attribute to allow `loading=preview` (or `loading=metadata`, like `<video preload>`) only request the first however-many bytes needed for LQIP.

A range-request could then be sent for the rest when needed.

Then we can have image transformation layers like IMGIX and Cloudinary serve our LQIPs automatically from source images.

LQIP may not be coming to browers any time soon but this is a really tidy implementation that will only get better with improved `attr()` support in CSS. #webperf
https://fosstodon.org/@dbushell/114273476576238042
David Bushell (@[email protected])

Minimal CSS-only blurry image placeholders https://leanrada.com/notes/css-only-lqip/ — neat.

Fosstodon

@sophie I feel like because the defaults were so damn ugly and there were limited options for design back in the day, people got used to just removing the underline.

If browsers had more aesthetic defaults (skip ink + wider offset + line colour being a 50% transparent version of the link's text colour, for example), maybe people would be less averse to them and not just default to removing them completely.