Jake Archibald
@jakearchibald.com
📤 12336
📥 426
📝 678
Developer of sorts at
@firefox.com
. No thought goes unpublished. He/him.
pinned post!
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...
loading . . .
Animating zooming using CSS: transform order is important… sometimes
How to get the right transform animation.
https://jakearchibald.com/2025/animating-zooming/
3 months ago
13
241
52
reposted by
Jake Archibald
Phil Hawksworth
about 19 hours ago
The arbiter of good taste
19
137
39
New metal album just dropped
2 days ago
2
62
6
reposted by
Jake Archibald
📝 Fetch streams are great, but contrary to popular belief, they're not good for measuring upload/downloading progress. ⬇️ Here's why, and how to avoid the gotchas ⬇️
jakearchibald.com/2025/fetch-s...
loading . . .
Fetch streams are great, but not for measuring upload/downloading progress
They're inaccurate, and there are better ways.
https://jakearchibald.com/2025/fetch-streams-not-for-progress/
7 days ago
4
146
17
📝 Fetch streams are great, but contrary to popular belief, they're not good for measuring upload/downloading progress. ⬇️ Here's why, and how to avoid the gotchas ⬇️
jakearchibald.com/2025/fetch-s...
loading . . .
Fetch streams are great, but not for measuring upload/downloading progress
They're inaccurate, and there are better ways.
https://jakearchibald.com/2025/fetch-streams-not-for-progress/
7 days ago
4
146
17
I'm in Liverpool this weekend. Chatted to a local old white bloke who spoke with pride about the city having the first mosque in the country, and the first chinatown. And… fuck, I needed to hear that kind of positivity.
8 days ago
11
362
15
reposted by
Jake Archibald
MDN Web Docs
13 days ago
📣 Web devs — we need your input! We're running a short survey (1–2 min) to understand interest in using ReadableStream as a request body in the Fetch API. Help us guide implementation priorities, especially around support & use cases. Fill it up! 👇
survey.alchemer.com/s3/8460326/...
loading . . .
https://survey.alchemer.com/s3/8460326/Fetch-Request-Streaming
0
15
3
reposted by
Jake Archibald
Tammy Everts 🍁
14 days ago
I say this every year and always mean it: WOW, what a speaker (and MC!) lineup we have for
@perfnow.nl
conference this year! I can't wait to see all these folks on the stage! This is when
#PerfNow
ticket sales start to go bananas — and we always sell out — so lock in your ticket soon!
perfnow.nl
loading . . .
performance.now(); 30th and 31st of October, Amsterdam
On 30th and 31st of October, 2025, the sixth edition of performance.now() will take place in Amsterdam—a single track conference, covering today’s most important web performance insights.
https://perfnow.nl/
2
10
5
?????
15 days ago
1
19
0
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...
loading . . .
https://github.com/web-platform-tests/interop/blob/main/proposal_guide.md
18 days ago
4
38
16
Hey folks! Are you interested in fetch upload streams? If so, what do you want to use them for?
19 days ago
10
30
3
reposted by
Jake Archibald
📝 Making XML human-readable without XSLT. Turns out, JavaScript works pretty well!
jakearchibald.com/2025/making-...
loading . . .
Making XML human-readable without XSLT
JavaScript is right there.
https://jakearchibald.com/2025/making-xml-human-readable-without-xslt/
20 days ago
6
74
15
📝 Making XML human-readable without XSLT. Turns out, JavaScript works pretty well!
jakearchibald.com/2025/making-...
loading . . .
Making XML human-readable without XSLT
JavaScript is right there.
https://jakearchibald.com/2025/making-xml-human-readable-without-xslt/
20 days ago
6
74
15
Folks who use Firefox Developer Edition: What drew you to that version rather than Firefox Release/Beta/Nightly?
20 days ago
31
26
9
Here's a quick and efficient way to remove `autoplay` from videos if the user prefers reduced motion
codepen.io/jaffathecake...
`animationstart` is one of my favourite hacks for monitoring elements appearing in the DOM.
loading . . .
Prevent autoplay if prefers reduced motion
...
https://codepen.io/jaffathecake/pen/vENzMmd?editors=1010
24 days ago
5
54
5
yeah no I'm alright thanks
30 days ago
5
15
1
Yay! It's the first Firefox release since I've joined the team, so let's take a look at some of the new developer-facing features in Firefox 142… 🧵
about 1 month ago
19
276
42
View Transitions are enabled by default in Firefox Nightly, so they're on their way to stable. Give it a test with your current transitions, and give me a shout if anything doesn't look right.
about 1 month ago
10
238
47
I'm going to be there (I'm not speaking, but come talk to me). The schedule looks great!
add a skeleton here at some point
about 2 months ago
1
10
1
reposted by
Jake Archibald
Kevin Marks
about 2 months ago
There's staging a house, then there's entirely faking it with AI slop, and this one is the latter
www.rightmove.co.uk/properties/1...
loading . . .
Check out this 3 bedroom terraced house for sale on Rightmove
3 bedroom terraced house for sale in Station Road, Eaglescliffe, Stockton-on-Tees, Durham, TS16 for £350,000. Marketed by roseberry newhouse, Teesside
https://www.rightmove.co.uk/properties/161043710#/?channel=RES_BUY
22
73
35
Starting my new role on Monday. Could be anywhere.
about 2 months ago
45
411
20
Excellent time looking after my sister's cats
loading . . .
2 months ago
6
38
1
reposted by
Jake Archibald
Anthony Frehner
2 months ago
Wrote a post about container queries in web components, and how that led me to contributing to WebKit for the first time
frehner.me/blog/fixing-...
loading . . .
Fixing Container Queries in WebKit
How I discovered and fixed WebKit's broken container query implementation across the shadow DOM.
https://frehner.me/blog/fixing-container-queries-in-webkit/
1
22
5
Well, I had fun.
loading . . .
3 months ago
16
172
8
Thanks YouTube Music, thanks.
3 months ago
8
171
12
The best thing about quitting my job is I can refer to my last employee review as my "ex-boss 360".
3 months ago
3
34
0
I hate footnotes, especially on the web, and hopefully by the end of this, you will too.
jakearchibald.com/2025/give-fo...
loading . . .
Give footnotes the boot
I hate footnotes, and hopefully by the end of this, you will too.
https://jakearchibald.com/2025/give-footnotes-the-boot/
3 months ago
19
89
21
Given how much system prompts need to be tweaked between versions of an LLM, it's hard to see how a generic prompting API can work on the web without leading to lock-in.
3 months ago
3
34
4
reposted by
Jake Archibald
rem / Remy Sharp
3 months ago
#FFConf
*early bird limited* tickets are available now:
2025.ffconf.org
We've got 4 sessions already up and 4 more coming. It's an amazing day in November that people have always told us how much they loved it. I know it's a while out, but do join us, you'll thank yourself.
loading . . .
ffconf 🌟 UK web conference since 2009
ffconf - the UK's best JavaScript and Web conference in Brighton.
https://2025.ffconf.org/
0
18
10
Hill I will die on: Publishing videos of UI at anything less than 60fps is a real own-goal.
3 months ago
4
21
2
reposted by
Jake Archibald
Sacha Greif
3 months ago
Still a week left to take the State of CSS survey! The survey hasn't got as many responses as last year, so any help sharing will be much appreciated :)
survey.devographics.com/en-US/survey...
loading . . .
State of CSS 2025
Take the State of CSS survey
https://survey.devographics.com/en-US/survey/state-of-css/2025
1
29
40
reposted by
Jake Archibald
Surma
3 months ago
📝 First blog in a long time! I always like “flow-based” programming, and it’s a very powerful paradigm. LangGraph lets you codify complex workflows as graphs, and also integrates really well with LangChain, if your workflow is LLM-driven.
surma.dev/things/langg...
loading . . .
LangGraph for complex workflows — surma.dev
I may be late to the party, but LangGraph lets you build complex workflow architectures and codify them as powerful automations. Also LLMs, if you want. But you don’t have to!
https://surma.dev/things/langgraph/
1
53
6
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...
loading . . .
Animating zooming using CSS: transform order is important… sometimes
How to get the right transform animation.
https://jakearchibald.com/2025/animating-zooming/
3 months ago
13
241
52
In my early 20s, I pushed a thing at the BBC that resulted in a bunch of TV schedules being off by a day. On the dev servers, a timestamp would be interpreted as e.g. 2005-05-02 00:00, whereas on the live server the same timestamp was interpreted as 2005-05-01 24:00. I am still mad about this.
3 months ago
6
85
0
Last week was my last at Shopify. It was a fun couple of years, and I left a much better engineer than I arrived, thanks to some lovely people. I've already got the next thing lined up, which I'm really excited about. But first, a little time off 🏝️
3 months ago
18
219
2
I was going to the loo in an airport lounge, and as I approached the cubicle, out walked Fernando Alonso. The seat was still warm.
add a skeleton here at some point
3 months ago
4
38
2
@nikkitaftw.wtf
youtu.be/GSSXEGoO53Y?...
loading . . .
Event Horizon (5/9) Movie CLIP - Save Yourself from Hell (1997) HD
YouTube video by Movieclips
https://youtu.be/GSSXEGoO53Y?si=6mJklwQeCEG60Z4N
3 months ago
2
0
0
reposted by
Jake Archibald
Chris Coyier
3 months ago
Talked with
@jakearchibald.com
about the possibility of an HTML `<include>`. Why doesn't it exist? Could it exist? *Should* it exist? I'm a little obsessed with this.
shoptalkshow.com/668/
loading . . .
668: Jake Archibald on Native HTML Includes
Jake Archibald joins us to discuss HTML includes, potential solutions, and the implications of introducing such a feature. We talk about security concerns, performance implications, and community f…
https://shoptalkshow.com/668/
5
48
8
Let this be a warning to you all
add a skeleton here at some point
3 months ago
1
54
0
reposted by
Jake Archibald
4 months ago
668: Jake Archibald on Native HTML Includes Jake Archibald joins us to discuss HTML includes, potential solutions, and the implications of introducing such a feature. We talk about security concerns, performance implications, and community feedback regarding HTML imports.
loading . . .
668: Jake Archibald on Native HTML Includes
Jake Archibald joins us to discuss HTML includes, potential solutions, and the implications of introducing such a feature. We talk about security concerns, performance implications, and community feedback regarding HTML imports.
http://shoptalkshow.com/668/
4
45
10
reposted by
Jake Archibald
Julia Carrie Wong
4 months ago
it’s funny that they’re both on their own personal websites posting their little posts
137
15024
1965
reposted by
Jake Archibald
Adam Sharp
4 months ago
In supermarkets in Australia, you can buy a takeaway roast chicken in a bag. Because it requires no preparation whatsoever, and the bags usually have handles, I used to occasionally hear it referred to as “a bachelor’s handbag”
17
330
37
reposted by
Jake Archibald
✨Pʀɪɴᴄᴇss Kɪᴛᴛɪ🇮🇪✨
over 1 year ago
43
4839
1527
On June 12th, I'm going to be attending
@middlesbroughfe.co.uk
for the third year in a row. There are still tickets available, and I strongly recommend grabbing one. The talks are highly technical, but the environment is friendly and grass-roots rather than corporate. This year's lineup looks great
loading . . .
Middlesbrough Front End Conference 2025
Join us for an action packed day of Front End discussion, demonstrations and networking. Followed by a great social at one of Middlesbrough's exciting venues! Middlesbrough Front End Conference is a f...
https://www.middlesbroughfe.co.uk/events/conferences/2025
4 months ago
0
33
6
reposted by
Jake Archibald
Laurie Voss
4 months ago
"Everything doesn't have to be political" is the "but I don't have an accent" of political awareness.
0
73
10
reposted by
Jake Archibald
Anthony Frehner
4 months ago
Shopify Polaris is now built on web components. My team and I have been working on this for a while and it's been a lot of fun to "embrace the platform"!
shopify.dev/beta/next-ge...
Lots of things learned, lots of fun edge cases discovered (hello moving web components to iFrames in Firefox)
loading . . .
Polaris
Learn about Polaris, Shopify's next-gen ui toolkit.
https://shopify.dev/beta/next-gen-dev-platform/polaris?utm_source=s25-editions-website&utm_medium=product-cta&utm_campaign=summer25edition
6
96
24
My family were not surprised by this.
4 months ago
0
38
0
One 'gotcha' I've experienced in Italy a few times, is systems often have an unexpected extra dimension. For example, finding platform 4 was a challenge, with signs seemingly pointing in opposite directions. I _think_ there are three platform 4s. One "east", one "west", and another which is neither
4 months ago
9
14
0
Before an F1 race, they send the drivers around on a truck, doing interviews and waving to the crowd. But just before that, they send around a load of rich/privileged people, who get due respect from the fans.
4 months ago
5
44
0
reposted by
Jake Archibald
Una Kravets
4 months ago
Intent to ship for sibling-index() & sibling-count()! You won't need to itemize nth-child to style things like staggered animations anymore 🥳 For example, I'd be able to clean up the angle position and animation delays in this demo:
codepen.io/una/pen/Qwwz...
Explainer:
github.com/w3c/csswg-dr...
add a skeleton here at some point
5
56
15
reposted by
Jake Archibald
Anne van Kesteren
5 months ago
🥳 We added new attributes to HTML to enhance <input type=color>:
webkit.org/blog/16900/p...
loading . . .
Add wide gamut P3 and alpha transparency to your color picker in HTML
Now HTML lets you create a color picker for wide gamut P3 color and for alpha transparency with two new attributes: <input type="color" colorspace="display-p3" alpha>, available today in Safari 18.4.
https://webkit.org/blog/16900/p3-and-alpha-color-pickers/
4
91
28
Load more
feeds!
log in