The video is about scroll-*triggered* animations which aren't even in in Chrome stable. Not scroll-*driven* animations, which work to a certain extent in every major browser, even if enabling a flag is required. That aside, I'd expect Chrome devs to be able to use Canary...

It's really sad that Chrome laid off one of the world's best CSS developer-designers, and now they have to fake demos of web features. youtu.be/d8J0vs-bEPE?...

By the way, if TikTok/Instagram/YouTube are your thing, the videos are being published there too. www.tiktok.com/@firefoxwebd... www.instagram.com/firefoxwebde... www.youtube.com/@FirefoxWebD...

HTML hidden=until-found and auto-opening <details> is newly baseline… or is it? Here's how it works, and issues to watch out for:

An absolutely wild and gutting part of this role is having so many people desperate for you to fail. I know I know tiny violin etc etc. Anyway, new video out later today!

HTML invoker commands are newly baseline! Here's how they work…

I can't say it normally. I either have to say "tater tots" with an American accent or "potato tots" with a Matt Berry accent.

JavaScript declarations in conditionals was discussed at TC39 recently, but consensus broke down over one key detail. How do you think it should behave?

❓ Do you have a need for range inputs with 3+ sliders on the web? Folks are scoping out this work, and want to know your use-cases ⬇️ https://github.com/openui/open-ui/issues/1337

In Firefox 146 DevTools, long lists of unused CSS custom properties collapse, decluttering the UI, and improving performance

CSS text-decoration-inset landed in Firefox 146! Here's how it works:

A bunch of web platform features and bug fixes landed in Firefox 146. There'll be more videos about the highlights soon, but in the meantime, here's a summary: https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/146

CSS @​scope has landed in Firefox 146, making it a new baseline feature. Here's how it works:

I asked @remysharp.com to take one fuckin picture of me and @brucel.bsky.social

I'm going to be speaking at this! Really looking forward to it.

AV1 won an Emmy! We're proud to be part of the Alliance for Open Media, where the codec was developed. But the story's not over… AV2 is just around the corner. https://blog.mozilla.org/en/mozilla/av1-video-codec-wins-emmy/

🖤 I’ve been told that this was my best rendition of this talk and i’m still riding this high of how amazing btconf was as a whole. Now it’s time to write up the blog post. Okay, maybe in a few days 😁

Oh hello! We've had a bit of a rename & rebrand (formally FirefoxDevTools), but the content will be roughly the same as it's been for the past few months. We're looking forward to posting more on web platform & DevTools features.

It appear that the word is out - biscuit parings are back for one last time at @heypresents.com. And isn't it just like @jakearchibald.com to have demands!? Join us for the final All Day Hey next year. (A few Earlybird tickets still available if you are quick!) heypresents.com/conferences/...

I'm playing around with JPEG XL's "JPEG repackaging" feature. It repackaged a 147kb JPEG down to 126kb, but on my Pixel 10, the new file takes 78ms to decode, vs 10ms for the JPEG. At 3g+ speeds… that feels like a performance loss. random-stuff.jakearchibald.com/apps/img-dec...

Another API proposal from TPAC: CSS routes and navigation queries, meaning less JavaScript is needed for view transitions! https://drafts.csswg.org/css-navigation-1/ https://github.com/w3c/csswg-drafts/issues/8685#issue-1653949919

We have Custom Elements, but do we also need Custom Attributes? This was discussed at TPAC. Is it something you'd like on the platform? https://github.com/WICG/webcomponents/issues/1029

I've used github.com/Nicxe/f1_sen... to sync my living room lights to F1 flags

Flashback to 2022 when I bought tree lights with white cabling and it looked like Spiderman spaffed all over it.

jfc google what the fuck????

CSS is so powerful now, it's amazing looking through older CSS and seeing what can be replaced with a one-liner. I'm on the hunt for snippets that used to be multiple lines of CSS that can now be done in one. Show me what you got!

He got out of bed, made it 1 metre, had a lie down, got up, went back to bed.

Just overheard this in Pizza Express: Her: Do you have a red? Waiter: We have a Malbec, Chianti… Her: sorry i meant crayons

Out-of-order HTML patching, another proposal from TPAC, lets HTML be presented non-linearly, and a single file can update multiple parts of the page. Would this feature be useful to you?

i just dont know

I'm experimenting with this format. Is it… good? Like, should I do more of this kind of thing? Critical feedback welcome!

ECMAScript excitement 😉 Congrats to my coworker @ashley-c.bsky.social at TechAtBloomberg on advancing Await Dictionary to Stage 2.7 at TC39 today 🎉 Promise.all returns positional results as an array. Promise.allKeyed allows named results inside an object 👍 github.com/tc39/proposa...

New blog post: “Faking Two-Phase View Transitions with the Navigation API’s precommitHandler” www.bram.us/2025/11/17/f... By using two View Transitions when intercepting links with the Navigation API – one in the precommitHandler and one in the regular handler – you can fake a Two-Phase VT today!

Two-phase view transitions, for faster cross-document transitions, were presented at TPAC last week. Here's a quick 3min overview… https://www.youtube.com/watch?v=A6rO9RGmJgA

The W3C Security Web Application Guidelines Community Group wants to understand how developers are using specific web platform security features, and what the barriers are to the adoption. Take their survey here: https://bit.ly/3JR6JML

It's a wrap! I did five runs of this talk so it's time to overshare on my blog, as usual. 🤍 ohhelloana.blog/css-talk-fin...

The @firefoxdevtools.bsky.social JSON viewer got better in @firefoxnightly.bsky.social : the console offers access to the original json data via `$json`. This allows to easily manipulate the underlying data to get what you want

Great, so www.britishairways.com 🎉 Displays in geo language rather than user language 🎉 The language picker is at the bottom of a long page 🎉 The language picker is in the current language, so in order to select "United Kingdom", I need to know what that is in German

I tried to AI code some in-browser video decoding stuff. It made a mess. So I learned the APIs somewhat properly, and did a much better job, but it was still messy. Then I found mediabunny.dev and it just worked. Yay!

Last week I posted about a secret config in Firefox that made view transitions easier to debug. Folks said we should make it less secret. So we did.

JavaScript top-level await is no longer considered 'baseline' due to a pretty big Safari bug caniuse.com/mdn-javascri... The module graph fails in cases where two modules import a third at the same time. Demo: random-stuff.jakearchibald.com/bug-repros/t... It's best to avoid the feature for now 😔

@mikehall314.bsky.social hmm kinda looks like the slide is introducing the panel

AV1 is crazy-good for encoding screencasts. 1:28 of video, higher-than-HD resolution, less than 2mb. bugzilla.mozilla.org/show_bug.cgi... There's not a lot of movement, but many codecs just don't handle that well.

Don't [...spread] or .split() your strings! Use Intl.Segmenter API. Available in every JS runtime

Match URLs with a powerful, standardized syntax using the URL Pattern API → goo.gle/47iTr3o Now part of Baseline, this API provides a built-in way to create URL pattern matchers that can be used against URLs or individual URL components.

📝 Importing vs fetching JSON JSON imports are now supported cross-browser, but when would you use them rather than fetch()? jakearchibald.com/2025/importi...

Aside from "it's the new W3C logo, with the text 'world wide web consortium' in a circle around the outside", what alt text would you use to describe this?

New in Firefox nightly (146.0a1 2025-10-19): large lists of unused CSS custom properties are collapsed by default. This not only reduces clutter, it also massively speeds up the rendering of the inspector panel in some cases.

c'mon bsky, support 60fps video!

We're currently working on devtools for view transitions in Firefox, but in the meantime, here's a little-known option that helps…