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...
Reposted by Jake Archibald
Get your tickets to #SotB26 early to make sure you don't miss out!
Join us In-person at the Barbican Centre in London.
Online tickets - you can watch from wherever you are in the world.
Diversity tickets - applications are open until 26 February 2026.
2026.stateofthebrowser.com/tickets/
Join us In-person at the Barbican Centre in London.
Online tickets - you can watch from wherever you are in the world.
Diversity tickets - applications are open until 26 February 2026.
2026.stateofthebrowser.com/tickets/
January 9, 2026 at 9:43 AM
Get your tickets to #SotB26 early to make sure you don't miss out!
Join us In-person at the Barbican Centre in London.
Online tickets - you can watch from wherever you are in the world.
Diversity tickets - applications are open until 26 February 2026.
2026.stateofthebrowser.com/tickets/
Join us In-person at the Barbican Centre in London.
Online tickets - you can watch from wherever you are in the world.
Diversity tickets - applications are open until 26 February 2026.
2026.stateofthebrowser.com/tickets/
Reposted by Jake Archibald
TIL that:
<? this ?>
<! this !>
</ and this >
…all parse as HTML comments.
It hits a part of the parser the spec where the content is "reconsumed in the bogus comment state".
<? this ?>
<! this !>
</ and this >
…all parse as HTML comments.
It hits a part of the parser the spec where the content is "reconsumed in the bogus comment state".
January 9, 2026 at 12:45 PM
TIL that:
<? this ?>
<! this !>
</ and this >
…all parse as HTML comments.
It hits a part of the parser the spec where the content is "reconsumed in the bogus comment state".
<? this ?>
<! this !>
</ and this >
…all parse as HTML comments.
It hits a part of the parser the spec where the content is "reconsumed in the bogus comment state".
My mouse doesn't work properly because Logitech let one of their server certificates expire, so now their config software fails. What a time to be alive.
January 7, 2026 at 9:09 AM
My mouse doesn't work properly because Logitech let one of their server certificates expire, so now their config software fails. What a time to be alive.
Reposted by Jake Archibald
I also enjoy that they renamed Remote Desktop to Windows App and the Windows App is available in the App Store for Mac where the tab title becomes "Windows App App - App Store"
apps.apple.com/us/app/windo...
apps.apple.com/us/app/windo...
Windows App App - App Store
Download Windows App by Microsoft Corporation on the App Store. See screenshots, ratings and reviews, user tips, and more games like Windows App.
apps.apple.com
January 5, 2026 at 6:48 PM
I also enjoy that they renamed Remote Desktop to Windows App and the Windows App is available in the App Store for Mac where the tab title becomes "Windows App App - App Store"
apps.apple.com/us/app/windo...
apps.apple.com/us/app/windo...
I just finished watching Players - a mockumentary about a League of Legends e-sports team, and it's one of the most unexpectedly-great things I've seen in ages.
You don't need to know anything about LoL - I certainly didn't.
en.wikipedia.org/wiki/Players...
You don't need to know anything about LoL - I certainly didn't.
en.wikipedia.org/wiki/Players...
Players (2022 TV series) - Wikipedia
en.wikipedia.org
January 6, 2026 at 10:24 AM
I just finished watching Players - a mockumentary about a League of Legends e-sports team, and it's one of the most unexpectedly-great things I've seen in ages.
You don't need to know anything about LoL - I certainly didn't.
en.wikipedia.org/wiki/Players...
You don't need to know anything about LoL - I certainly didn't.
en.wikipedia.org/wiki/Players...
Reposted by Jake Archibald
TIL Firefox DevTools console has a $$$('selector') command that returns an array of matching elements, including those in shadow roots.
January 6, 2026 at 9:42 AM
TIL Firefox DevTools console has a $$$('selector') command that returns an array of matching elements, including those in shadow roots.
I think this attitude will result in folks calling stuff AI that's actually just shitty human-written click-bait content and I'm absolutely fine with that.
if you're writing your post with AI, i'm not reading that shit to the end. not because i hate AI but because it's just not good enough. if i can spot it, it's skill issue both on your and AI part
January 5, 2026 at 9:40 PM
I think this attitude will result in folks calling stuff AI that's actually just shitty human-written click-bait content and I'm absolutely fine with that.
Reposted by Jake Archibald
if you're writing your post with AI, i'm not reading that shit to the end. not because i hate AI but because it's just not good enough. if i can spot it, it's skill issue both on your and AI part
January 5, 2026 at 2:27 PM
if you're writing your post with AI, i'm not reading that shit to the end. not because i hate AI but because it's just not good enough. if i can spot it, it's skill issue both on your and AI part
@vcorenmitchell.bsky.social fan of the show, but there's a frequent graphical glitch on the Connecting Wall that I can't unsee…
January 2, 2026 at 10:58 AM
@vcorenmitchell.bsky.social fan of the show, but there's a frequent graphical glitch on the Connecting Wall that I can't unsee…
Reposted by Jake Archibald
For 2026, I'll offer speaker mentorships again.
If you want to get on stages next year and tell your story, ping me and we'll take it from there.
If you kinda want to but have doubts, DM ME! Please don't let impostor syndrome win. Please!
If you want to get on stages next year and tell your story, ping me and we'll take it from there.
If you kinda want to but have doubts, DM ME! Please don't let impostor syndrome win. Please!
December 31, 2025 at 11:28 AM
For 2026, I'll offer speaker mentorships again.
If you want to get on stages next year and tell your story, ping me and we'll take it from there.
If you kinda want to but have doubts, DM ME! Please don't let impostor syndrome win. Please!
If you want to get on stages next year and tell your story, ping me and we'll take it from there.
If you kinda want to but have doubts, DM ME! Please don't let impostor syndrome win. Please!
Reposted by Jake Archibald
I’m going to be the old man (41) who talks about understanding the code the AI generates and being able to write it by hand. The kids will say I’m out of date, and I’ll never be sure they’re wrong. The indignity will never be lost on me that I’m talking about hand-writing god damn Javascript.
December 31, 2025 at 8:37 AM
I’m going to be the old man (41) who talks about understanding the code the AI generates and being able to write it by hand. The kids will say I’m out of date, and I’ll never be sure they’re wrong. The indignity will never be lost on me that I’m talking about hand-writing god damn Javascript.
Reposted by Jake Archibald
TIL: Compression Dictionary Transport 💡
A new HTTP feature that can dramatically shrink the size of your responses, especially when serving content that changes often but includes a lot of repeated structure (think: JSON, JS, CSS).
Learn more 👇
developer.mozilla.org/en-US/docs/...
A new HTTP feature that can dramatically shrink the size of your responses, especially when serving content that changes often but includes a lot of repeated structure (think: JSON, JS, CSS).
Learn more 👇
developer.mozilla.org/en-US/docs/...
Compression Dictionary Transport - HTTP | MDN
Compression Dictionary Transport is a way of using a shared compression dictionary to dramatically reduce the transport size of HTTP responses.
developer.mozilla.org
December 30, 2025 at 4:00 PM
TIL: Compression Dictionary Transport 💡
A new HTTP feature that can dramatically shrink the size of your responses, especially when serving content that changes often but includes a lot of repeated structure (think: JSON, JS, CSS).
Learn more 👇
developer.mozilla.org/en-US/docs/...
A new HTTP feature that can dramatically shrink the size of your responses, especially when serving content that changes often but includes a lot of repeated structure (think: JSON, JS, CSS).
Learn more 👇
developer.mozilla.org/en-US/docs/...
@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: