Jake Archibald
@jakearchibald.com
Developer of sorts at @firefox.com. No thought goes unpublished. He/him.
Pinned
Jake Archibald
@jakearchibald.com
· Jun 17
Animating zooming using CSS: transform order is important… sometimes
How to get the right transform animation.
jakearchibald.com
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...
Here's how it works, and how to avoid the pitfalls.
jakearchibald.com/2025/animati...
@anatudor.bsky.social random-stuff.jakearchibald.com/house-of-cod... - in this example I've created a scaled shadow by creating a clone of the element & scaling it. Is there a way to do this without a clone?
I guess -moz-element() could, but is there a cross-browser way?
I guess -moz-element() could, but is there a cross-browser way?
Present
random-stuff.jakearchibald.com
December 26, 2025 at 10:41 AM
@anatudor.bsky.social random-stuff.jakearchibald.com/house-of-cod... - in this example I've created a scaled shadow by creating a clone of the element & scaling it. Is there a way to do this without a clone?
I guess -moz-element() could, but is there a cross-browser way?
I guess -moz-element() could, but is there a cross-browser way?
Reposted by Jake Archibald
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...
That aside, I'd expect Chrome devs to be able to use Canary...
December 21, 2025 at 6:18 PM
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...
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?...
Create Scroll-Triggered Animations with CSS
YouTube video by Chrome for Developers
youtu.be
December 20, 2025 at 10:40 AM
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...
www.tiktok.com/@firefoxwebd...
www.instagram.com/firefoxwebde...
www.youtube.com/@FirefoxWebD...
Firefox for Web Developers's Creator Profile
www.tiktok.com
December 19, 2025 at 2:18 PM
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...
www.tiktok.com/@firefoxwebd...
www.instagram.com/firefoxwebde...
www.youtube.com/@FirefoxWebD...
Reposted by Jake Archibald
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:
December 19, 2025 at 1:45 PM
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!
December 19, 2025 at 10:23 AM
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!
Reposted by Jake Archibald
HTML invoker commands are newly baseline! Here's how they work…
December 17, 2025 at 3:58 PM
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.
December 15, 2025 at 11:37 PM
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.
Reposted by Jake Archibald
JavaScript declarations in conditionals was discussed at TC39 recently, but consensus broke down over one key detail. How do you think it should behave?
December 15, 2025 at 3:19 PM
JavaScript declarations in conditionals was discussed at TC39 recently, but consensus broke down over one key detail. How do you think it should behave?
Reposted by Jake Archibald
❓ 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
December 12, 2025 at 3:30 PM
❓ 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
Reposted by Jake Archibald
In Firefox 146 DevTools, long lists of unused CSS custom properties collapse, decluttering the UI, and improving performance
December 12, 2025 at 9:50 AM
In Firefox 146 DevTools, long lists of unused CSS custom properties collapse, decluttering the UI, and improving performance
Reposted by Jake Archibald
CSS text-decoration-inset landed in Firefox 146! Here's how it works:
December 11, 2025 at 5:11 PM
CSS text-decoration-inset landed in Firefox 146! Here's how it works:
Reposted by Jake Archibald
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
Firefox 146 release notes for developers (Stable) - Mozilla | MDN
This article provides information about the changes in Firefox 146 that affect developers.
Firefox 146 was released on December 9, 2025.
developer.mozilla.org
December 10, 2025 at 11:56 AM
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
Reposted by Jake Archibald
CSS @scope has landed in Firefox 146, making it a new baseline feature. Here's how it works:
December 9, 2025 at 3:55 PM
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
December 8, 2025 at 8:31 PM
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.
Celebrating ten years of All Day Hey! with our final conference. Help us go out with a bang and join on a journey through new techniques, accessibility, web animation, and human connection in a world of increasingly weird and wonderful AI.
December 8, 2025 at 10:45 AM
I'm going to be speaking at this! Really looking forward to it.
Reposted by Jake Archibald
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/
https://blog.mozilla.org/en/mozilla/av1-video-codec-wins-emmy/
December 5, 2025 at 4:59 PM
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/
https://blog.mozilla.org/en/mozilla/av1-video-codec-wins-emmy/
Reposted by Jake Archibald
🖤 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 😁
Now it’s time to write up the blog post. Okay, maybe in a few days 😁
As promised earlier, for your weekend joy: @ohhelloana.blog and her talk about "Maintaining and Modernising CSS" given at #btconf Berlin 2025. Have a wonderful weekend everyone! youtu.be/6ZP1e8iQtBQ
Ana Rodrigues – Maintaining and Modernising CSS – beyond tellerrand Berlin 2025
YouTube video by beyond tellerrand
youtu.be
December 5, 2025 at 2:01 PM
🖤 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 😁
Now it’s time to write up the blog post. Okay, maybe in a few days 😁
Reposted by Jake Archibald
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.
We're looking forward to posting more on web platform & DevTools features.
December 5, 2025 at 1:38 PM
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.
We're looking forward to posting more on web platform & DevTools features.
Reposted by Jake Archibald
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/...
Join us for the final All Day Hey next year.
(A few Earlybird tickets still available if you are quick!)
heypresents.com/conferences/...
December 3, 2025 at 5:36 PM
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/...
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...
At 3g+ speeds… that feels like a performance loss.
random-stuff.jakearchibald.com/apps/img-dec...
Image decoder benchmark
random-stuff.jakearchibald.com
December 3, 2025 at 4:23 PM
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...
At 3g+ speeds… that feels like a performance loss.
random-stuff.jakearchibald.com/apps/img-dec...
Reposted by Jake Archibald
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
https://drafts.csswg.org/css-navigation-1/
https://github.com/w3c/csswg-drafts/issues/8685#issue-1653949919
December 2, 2025 at 4:02 PM
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
https://drafts.csswg.org/css-navigation-1/
https://github.com/w3c/csswg-drafts/issues/8685#issue-1653949919
Reposted by Jake Archibald
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
This was discussed at TPAC. Is it something you'd like on the platform?
https://github.com/WICG/webcomponents/issues/1029
December 1, 2025 at 2:29 PM
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
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
November 30, 2025 at 5:13 PM
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.
November 29, 2025 at 12:14 PM
Flashback to 2022 when I bought tree lights with white cabling and it looked like Spiderman spaffed all over it.