Lightnews — Scholar-powered news

Jake Archibald

@jakearchibald.com

13K followers 440 following 760 posts

Developer of sorts at @firefox.com. No thought goes unpublished. He/him.

Posts Media Videos Starter Packs

Pinned

Jake Archibald @jakearchibald.com · Jun 17

CSS uses a complex algorithm to decide how to animate transforms. If you get it wrong, as many folks do, you end up with an unnatural animation.

Here's how it works, and how to avoid the pitfalls.

jakearchibald.com/2025/animati...

Animating zooming using CSS: transform order is important… sometimes

How to get the right transform animation.

jakearchibald.com

13 51 250

Jake Archibald @jakearchibald.com · 2h

If you refresh and see selections, that's what the server sees too

Jake Archibald @jakearchibald.com · 15h

Ah shit. On desktop Safari it appeared to consistently fail.

Jake Archibald @jakearchibald.com · 19h

There isn't a UI way, but if you're familiar with JS the endpoint is pretty simple

Jake Archibald @jakearchibald.com · 19h

I added a reduced case to the interop issue in case that helps

Jake Archibald @jakearchibald.com · 19h

Yeah, it was a tricky balance given the space available. I definitely optimised for "jogging memory" of things folks were already somewhat aware of

Jake Archibald @jakearchibald.com · 20h

Let me check and get back to you. It might be different for JS, since they have their own test suite. Do you know if there are tests for this issue there? There should be either way

1 1

Jake Archibald @jakearchibald.com · 20h

If it doesn't have a failing WPT, now would be a good time to add one. Proposals can be easily shot down if they lack tests.

Jake Archibald @jakearchibald.com · 20h

Oh, hah, I hadn't actually made the connection. What a coincidence!

Jake Archibald @jakearchibald.com · 21h

But yes, I do expect trendy features to end up at the top. It won't be the only source of data we use. Eg, that top-level-await bug is pretty vicious so I'll push for that regardless.

1 1

Jake Archibald @jakearchibald.com · 21h

"you should care about [some feature] but the bastard browser people want to stop you. STICK IT TO THE MAN by going to this URL, sign in with GitHub, find [some feature] and add it to your ranking, probably add a few items too so it doesn't look fake, but DON'T ACTUALLY DO REAL RANKING, ONLY FAKE"

Jake Archibald @jakearchibald.com · 21h

Nah, more that someone with a sizable social media following would say "you should care about [some feature] but the bastard browser people want to stop you. STICK IT TO THE MAN by going to this GitHub page and clicking 👍"

1 2

Jake Archibald @jakearchibald.com · 22h

Hello other parts of the world! If you'd like to tell us your preferences from a list of web features people are already describing as "a bit long", here's how: bsky.app/profile/fire...

firefoxdevtools.bsky.social @firefoxdevtools.bsky.social · 1d

As an experiment, we (the Firefox team) wanted to try a new way to get feedback on which Interop proposals matter most.

So, here's a web app where you can rank the proposals you care about, giving us data we can use when reviewing which ones to champion.

interop-rank.jakearchibald.com

Interop Feature Ranking

Rank the web platform features you care most about

interop-rank.jakearchibald.com

6 12 35

Jake Archibald @jakearchibald.com · 22h

fwiw, I've been able to target much smaller sizes with AVIF (with acceptable loss) than JXL, and AVIF is already well supported. Have you compared the two? Here's how I get the most out of image compression jakearchibald.com/2021/serving...

Halve the size of images by optimising for high density displays

Why compressing images for dense screens is different, and how to serve them

jakearchibald.com

Jake Archibald @jakearchibald.com · 22h

Lots of signals will be taken into account. Personally, I think GitHub upvotes are low quality, because they don't show individual preference, and they're easily gamed.

1 1

Jake Archibald @jakearchibald.com · 23h

Haha you're not the first to run into this

Jake Archibald @jakearchibald.com · 23h

Are you getting the same thing every time, eg if you start from interop-rank.jakearchibald.com

Interop Feature Ranking

Rank the web platform features you care most about

interop-rank.jakearchibald.com

Jake Archibald @jakearchibald.com · 23h

The relative positions should be really useful

Jake Archibald @jakearchibald.com · 1d

Yeah. I went though and did all the titles and descriptions yesterday and it took _long_

Jake Archibald @jakearchibald.com · 1d

Anything is possible in future. I went with GitHub because that's where interop & other web standards discussion already lives.

1 2

Jake Archibald @jakearchibald.com · 1d

I guess you've seen things like github.com/undecaf/zbar...

GitHub - undecaf/zbar-wasm: A WebAssembly build of the ZBar Bar Code Reader

A WebAssembly build of the ZBar Bar Code Reader. Contribute to undecaf/zbar-wasm development by creating an account on GitHub.

github.com

1 2

Jake Archibald @jakearchibald.com · 1d

In my defence, I did do a post on the call for proposals bsky.app/profile/jake...

Jake Archibald @jakearchibald.com · Sep 4

Interop 2026 is now open for proposals!

This is your chance to tell browser-makers which well-defined, well-tested features you wish had better support across browsers.

⬇️ Here's how ⬇️
github.com/web-platform...

github.com

1 3

Jake Archibald @jakearchibald.com · 1d

I also ranked a lot more than 10 😁

2 4

Jake Archibald @jakearchibald.com · 1d

You're not the first to say that. Although, apps like Google Keep and Todoist just autosave. Maybe we don't trust that on the web?

1 1

Jake Archibald @jakearchibald.com · 1d

Hmm. Very odd. I guess I should add logging 😁

Jake Archibald @jakearchibald.com · 1d

Is it consistently doing that? Eg, after a refresh? Any browser extensions I should be aware of? Which browser?