Sign in

Jake Archibald

@jakearchibald.com
49K followers 552 following 1.9K posts

Developer of sorts at @webdevs.firefox.com, but this is my personal account. No thought goes unpublished. He/him.

PostsRepliesMedia
Reposted by Jake Archibald
Fronteers @fronteers.bsky.social · 03/08/2026
+++ The Venue +++ Everything happens in one place. Talks, coffee, dinner and conversations - no rushing between locations, just an evening focused on learning and meeting fellow frontend developers. See you at Fronteers Dark Mode? Fronteers Dark Mode Oct 2nd in Dordrecht 🇳🇱 🎟️ fronteersconf.org
A curved, multi-story glass facade of a café/gallery space, warmly lit inside with illuminated lettering above the entrance, and empty tables and chairs on the paved patio outside.A bright bistro interior with a row of red benches, set wooden tables and chairs, large arched windows that cast light onto simple wall panels, warm wall sconces, and a large potted plant, all in a serene atmosphere.An elegant interior featuring a curved wooden bar and stools, a red-and-white checkered marble floor, dark curtains, and warm, curved ceiling lights that cast an atmospheric glow over the tables, window arches, and seating area.An empty movie theater with symmetrically arranged red velvet seats, warm wall sconces, wood paneling on the sides, and a dark ceiling with recessed spotlights; a view toward the front, showing the screen/projector opening and an illuminated emergency exit.
0156
Reposted by Jake Archibald
Firefox for Web Developers @webdevs.firefox.com · 23h
Firefox 157 has landed, and includes a couple of useful CSS features: 🎉 at-rule() in @supports - lets you limit rules to browsers that support a given at-rule. 🎉 overscroll-behavior: chain - lets scrolling pass up to parent elements, but prevents UA effects like 'bounce' and overscroll. …And more!
developer.mozilla.org
Firefox 157 release notes for developers (Stable) - Mozilla | MDN
This article provides information about the changes in Firefox 157 that affect developers. Firefox 157 was released on September 29, 2026.
25111
Reposted by Jake Archibald
rem / Remy Sharp @remysharp.com · 29/09/2026
After careful consideration and a look at where the industry is spending it's funding we've decided to pivot #FFConf in a "new" direction. I present to you: ffconf.ai Please share with bots and humans alike.
ffconf.ai
FFConf.ai
The web conference, now with 100% less you. Agent-first, human-optional, ice cream not included in the Enterprise tier.
65319
Reposted by Jake Archibald
Cyd Stumpel @cydstumpel.nl · 16/08/2026
Started working on my demo for Fronteers Dark Mode, this is built with CSS scroll-driven animations, no JS 💅 My talk will go into detail on where you can replace JS with CSS! Tickets are still available: fronteersconf.org This cool effect is inspired by @thomasaufresne.com → bennettandclive.com
7898
Jake Archibald @jakearchibald.com · 28/09/2026
I've been playing around with HDR images on the web. It seems that, for AVIF (the only web format that supports high bit depth and gain maps), gain maps add a lot of overhead. On the web it'd be much better to use <picture> to serve the right image for the screen.
2141
Reposted by Jake Archibald
MDN Web Docs @developer.mozilla.org · 25/09/2026
🆕 Customize MDN's browser compat tables! Press ⚙️ Settings on any compat table to choose which browsers and engines you see, and hide the ones you don't need. Your picks are saved in your browser. Try it 👇 developer.mozilla.org/en-US/docs/W...
MDN's browser compatibility table for the HTML popover attribute. Its columns cover desktop and mobile browsers, showing which versions support the attribute and its "hint" value. A "Settings" button sits above the table.The Browser compatibility settings dialog on MDN. Browsers appear as chips grouped under Desktop, Mobile, Server and XR, and each one can be added to or removed from the table.
27724
Reposted by Jake Archibald
IntentToShip @intenttoship.dev · 25/09/2026
Gecko: Intent to Ship: Scroll-driven Animations
groups.google.com
Gecko: Intent to Ship: Scroll-driven Animations
Gecko: Intent to Ship: Scroll-driven Animations
1449
Reposted by Jake Archibald
Niels Leenheer @html5test.com · 24/09/2026
Fronteers Dark Mode conference is next week! Monday I'll send badges to the printer... which means if you want a proper badge... sign up now! We've got a handful of tickets left and they are only €100 for an evening of front-end talks by some amazing speakers. www.fronteersconf.org
fronteersconf.org
Fronteers Dark Mode, Friday, October 2nd, Dordrecht
Join us at Cinema de Witt in Dordrecht for our after work conference.
098
Jake Archibald @jakearchibald.com · 23/09/2026
I've proposed "progressive image rendering" as a focus area for Interop 2027, so we can get progressive JPEG XL support in Safari, and progressive AVIF support in both Safari and Firefox. github.com/web-platform...
github.com
Progressive image rendering for JPEG XL and AVIF · Issue #1459 · web-platform-tests/interop
Description When we looked into JPEG XL, I asked developers why they were interested in the format, and the most common answer was "progressive rendering". This is now working in Firefox and Chrome...
3629
Reposted by Jake Archibald
Keith Cirkel @keithamus.social · 22/09/2026
I just released avash: www.keithcirkel.co.uk/avash/ It’s like blurhash but uses av1 frame data encode an image, resulting in a (typically) more readable image in the same bytes as a blurhash. github.com/keithamus/av...
keithcirkel.co.uk
avash encoder
3202
Jake Archibald @jakearchibald.com · 21/09/2026
This technique can be used to read em & container query units for a particular element, then use them in a child element - I just used it to allow an element to generate negative margins to 'break out' of its container. Claude told me it wasn't possible until I gave it the link 😁
jakearchibald.com
Controlling when CSS custom property values are computed
The default might not be what you expect, and it has a big impact on your styles.
3352
Jake Archibald @jakearchibald.com · 21/09/2026
Really excited about this one! A new web conference in Liverpool, UK.
0391
Jake Archibald @jakearchibald.com · 20/09/2026
There's lots I haven't yet understood about atproto, but I simply won't do the standard.site thing whilst it offers a worse UX than… not doing it.
5635
Reposted by Jake Archibald
danielroe @danielroe.dev · 19/09/2026
don't be nice.
roe.dev
Don't be nice
Sometimes, it's more important to be good than it is to be nice.
41734243
Jake Archibald @jakearchibald.com · 18/09/2026
I'm building a site where I can use pretty much any baseline CSS feature and… ahhh @scope and text-box are so good.
4591
Reposted by Jake Archibald
Niels Leenheer @html5test.com · 18/09/2026
Two weeks from now Fronteers Dark Mode will happen in Dordrecht in The Netherlands. There are still a few tickets left. Be quick ⚠️ Join us for an afternoon and evening of great talks. With a spectacular line up: @anjana.dev, @tunetheweb.com, @cydstumpel.nl, @csswizardry.com and @heydonworks.com
21310
Jake Archibald @jakearchibald.com · 17/09/2026
I remember a conference after party a decade+ ago where @johnresig.com was stood in the corner on his own because everyone (including me) was too shy to speak to him. Fwiw, if you ever want to talk to me at one of these things, please just do it. I'm also shy.
2713
Reposted by Jake Archibald
Viewport @viewportconf.org · 03/09/2026
We just finished the beta of our website. Look out for updates on Viewport soon! You can sign up to our mailing list to be kept in the loop. viewportconf.org
viewportconf.org
Viewport 2027 — An independent conference about the web
An independent conference about the web, the people who build it, and the people we build it for. Liverpool, May 2027.
1136
Reposted by Jake Archibald
Ana Rodrigues @ohhelloana.blog · 14/09/2026
you really should and I need to do it more too ohhelloana.blog/tell-the-spe...
ohhelloana.blog
Tell the speakers that you liked their talks
if you always wanted to but think it isn't worth telling a speaker you liked their talk, this is your encouragement post to do so.
27721
Jake Archibald @jakearchibald.com · 15/09/2026
Settling down for #lwsSept2026. I'm fighting my post-COVID habit of hiding at home, and I encourage you to do the same.
Dave Letorey introducing the schedule Bruce Lawson beginning his talk
0201
Reposted by Jake Archibald
Ben Schwarz @benschwarz.bsky.social · 15/09/2026
Qatar Airways was voted the world’s best airline in 2025. Its booking site ranks 79th out of 111. Cathay Pacific, five stars, ranks dead last. I spent a while digging into why airline websites are so slow, and what the fast ones (Ryanair, Frontier) do differently. calibreapp.com/blog/airline...
Slope chart comparing Skytrax 2025 service ranking with Calibre's website performance ranking for the ten highest-rated airlines. Lines connect each airline's service rank on the left to its performance rank out of 111 on the right. Nearly all lines plunge downward: Qatar Airways drops from 1st to 79th, Singapore Airlines 2nd to 31st, Cathay Pacific 3rd to 109th, Air France 8th to 95th, Japan Airlines 9th to 106th. Only Hainan Airlines rises, from 10th to 6th.
1268
Reposted by Jake Archibald
Alex Russell @infrequently.org · 14/09/2026
Jeremy's whole post is worth a read, and I would underline + bold the last point: the web is the superior choice for privacy and security, and it's anti-web *and anti-user* to be preferencing native app install affordances: adactio.com/journal/22757
adactio.com
Stalling installing
Trying to get past Webkit’s blockage at the W3C.
19224
Reposted by Jake Archibald
Mat “Wilto” Marquis @wil.to · 14/09/2026
Digital Ocean ended their $50/month sponsorship of GNOME and FlatHub and went radio silent on CSS-Tricks right around the time they found a spare three million dollars to burn on “sponsoring” a high-profile racist’s dotfiles repo. Impossible to see this as anything but a statement of their values.
geoffgraham.me
Why CSS-Tricks Has Been Quiet Lately - Geoff Graham
Because I haven't published anything to it since August 31. And no one else has either. That's not a super long time to go silent but it is for a site that
619580
Reposted by Jake Archibald
Bruce Lawson @brucel.bsky.social · 14/09/2026
I shall be banging on about hippie bullshit "open web" stuff, while my chum Gerardo, a reformed sinister Brussels economist, will tell you how to turn hippie bullshit into actual RULES. Be there, if you're not a MAJOR LOSER. (It'll be recorded, too.)
187
Jake Archibald @jakearchibald.com · 14/09/2026
This is a great article. I've always been sus about the hype around JPEG XL, as it never stacked up when I actually tested it with web use-cases. giannirosato.com/blog/post/ca...
giannirosato.com
The case against JPEG XL | Gianni Rosato
Investigating JPEG XL's place as a Web image codec.
25111
Reposted by Jake Archibald
Shaw @shaw.city · 12/09/2026
Oops. I invented a new CSS shrink-wrap technique and blogged about it. blog.codepen.io/2026/09/11/s...
blog.codepen.io
Shrink-wrap Text with `position-anchor`
Normal text wrapping can leave big gaps in your container, which can become even more exaggerated with the new-ish CSS values of text-wrap: balance and text-wrap: pretty. You almost certainly want …
69116
Reposted by Jake Archibald
Firefox for Web Developers @webdevs.firefox.com · 10/09/2026
When and how CSS custom property values are calculated might not be what you expect, and it has a big impact on your styles…
28425
Reposted by Jake Archibald
Jake Gold @jacob.gold · 08/09/2026
If you use AI less than I do, you just don’t get it. If you use AI more than I do, you’ve fucking lost it. The optimal amount of AI is exactly how much I currently use.
1330927
Reposted by Jake Archibald
Firefox for Web Developers @webdevs.firefox.com · 08/09/2026
The CSS progress() function is now in all major engines! Here's how it works:
511818
Reposted by Jake Archibald
Michaël Vanderheyden @th3s4mur41.me · 04/09/2026
Interop 2027 is open! You don’t need to be a standards expert to help shape the future of browsers. Just vote for the things you want to see improved. The list is already filling up with suggestions. Go boost the ones you care about and make your voice count. github.com/web-platform...
github.com
Issues · web-platform-tests/interop
web-platform-tests Interop project. Contribute to web-platform-tests/interop development by creating an account on GitHub.
084
Jake Archibald @jakearchibald.com · 04/09/2026
Playing around with an idea: responsive code. The build script creates up to 5 versions of each code sample using Prettier, and a container query displays the right one. Brotli means the filesize overhead is very small. Live demo: jakearchibald.com/2026/css-cus...
1728928
Reposted by Jake Archibald
Firefox for Web Developers @webdevs.firefox.com · 03/09/2026
Interop 2027 is open for proposals! Is there a well-tested feature that you'd like to see cross-browser focus on next year? Submit it here: github.com/web-platform...
github.com
interop/proposal_guide.md at main · web-platform-tests/interop
web-platform-tests Interop project. Contribute to web-platform-tests/interop development by creating an account on GitHub.
53511
Reposted by Jake Archibald
Firefox for Web Developers @webdevs.firefox.com · 03/09/2026
CSS attr() now works on all properties in Firefox 155. Here's how it works, and how to get the most out of it:
1016725
Reposted by Jake Archibald
Firefox for Web Developers @webdevs.firefox.com · 01/09/2026
Major versions of Firefox now land every two weeks, so Firefox 155 dropped today with web platform features including: 🎉 Fully typed CSS attr() 🎉 CSS progress() 🎉 Promise.allKeyed() and allSettledKeyed() 🎉 Lots of new WebTransport stuff …And more! developer.mozilla.org/en-US/docs/M...
developer.mozilla.org
Firefox 155 release notes for developers (Stable) - Mozilla | MDN
This article provides information about the changes in Firefox 155 that affect developers. Firefox 155 was released on September 1, 2026.
312113
Reposted by Jake Archibald
Haoqun Jiang @haoqun.dev · 01/09/2026
It's always great to see a years-old issue finally get fixed! This, plus content mappers, I'd say TypeScript 7.1 might even have a bigger impact on the tooling ecosystem than 7.0 github.com/microsoft/Ty...
github.com
Ambient Module Declarations for Import Attributes (formerly known as Import Assertions) · Issue #46135 · microsoft/TypeScript
Suggestion 🔍 Search Terms import attributes, import assertions, ambient module ✅ Viability Checklist My suggestion meets these guidelines: This wouldn't be a breaking change in existing TypeScript/...
2285
Reposted by Jake Archibald
Anon Opin @anonopin.bsky.social · 29/08/2026
Tea drinkers and their "Well actually drinking hot drinks cools me down" can fuck right off.
121092
Jake Archibald @jakearchibald.com · 28/08/2026
This is a particularly good episode and well worth your time
030
Reposted by Jake Archibald
Jake Archibald @jakearchibald.com · 26/08/2026
📝 When and how CSS custom properties are calculated might not be what you expect, and it has a big impact on your styles. Here's how it works: jakearchibald.com/2026/css-cus...
jakearchibald.com
Controlling when CSS custom properties are computed
The default might not be what you expect, and it has a big impact on your styles.
98715
Reposted by Jake Archibald
Jovi 🐨 @jovidecroock.com · 26/08/2026
Preact 11.0.0-rc.1 is here ⚛️ preact/compat code is now tree-shakeable, with representative single-export bundles shrinking by up to ~28%. Plus: more size wins, better HTML attribute types and maintenance fixes. This will most likely be the last rc - feedback is appreciated
preactjs.com
Upgrading from Preact 10.x – Preact Guide v11
Upgrade your Preact 10.x application to Preact 11
3459
Jake Archibald @jakearchibald.com · 26/08/2026
📝 When and how CSS custom properties are calculated might not be what you expect, and it has a big impact on your styles. Here's how it works: jakearchibald.com/2026/css-cus...
jakearchibald.com
Controlling when CSS custom properties are computed
The default might not be what you expect, and it has a big impact on your styles.
98715
Jake Archibald @jakearchibald.com · 25/08/2026
@tunetheweb.com is Chrome planning to update its No-Vary-Search implementation to the new spec? (e.g. disallow boolean params etc)
120
Reposted by Jake Archibald
Firefox for Web Developers @webdevs.firefox.com · 25/08/2026
CSS sibling-count() and sibling-index() are newly available across engines! Here's how they work:
314925
Jake Archibald @jakearchibald.com · 25/08/2026
It's really weird that the response to JPEG XL shipping is "yesss fuck WebP!" Like, we've had AVIF for years, and it outperforms JPEG XL in almost all web use-cases.
261048
Reposted by Jake Archibald
Firefox for Web Developers @webdevs.firefox.com · 24/08/2026
JPEG XL is slated to ship in Firefox 157 next month! Here's how we're shipping it safely… hacks.mozilla.org/2026/08/inte...
hacks.mozilla.org
Intent to Ship: JPEG XL – Mozilla Hacks - the Web developer blog
A JPEG XL decoder is heading for Firefox 157! Here's how we're shipping it safely…
0507
Reposted by Jake Archibald
Firefox for Web Developers @webdevs.firefox.com · 24/08/2026
Intent to ship: JPEG XL! This will be on-by-default in Firefox 157, which should become the main release version at the end of September. This includes key JPEG XL features like progressive rendering. groups.google.com/a/mozilla.or...
groups.google.com
Intent to ship: JPEG XL
As of Firefox 157 I intend to turn JPEG XL decoding on by default on all platforms. It has been developed behind image.jxl.enabled, which today is on by default on Nightly only, and has had a Firefox…
1036096
Jake Archibald @jakearchibald.com · 23/08/2026
Watching the race from the Williams factory 🏎️🏎️🏎️
A stage (not unlike a web conference stage), with three large screens. Two showing onboards for the Williams cars, and another for the main race feed.
2310
Jake Archibald @jakearchibald.com · 21/08/2026
Have you ever wanted hovering a tooltip/popover to also trigger a hover effect on the target of the tooltip? Or would that feel buggy?
630
Reposted by Jake Archibald
London Web Standards @londonwebstandards.org · 20/08/2026
Tickets for our next meet-up - 15 September are now available. londonwebstandards.org/events/lws-s... Please help spread the word.
londonwebstandards.org
LWS Sept 2026 | London Web Standards
Want to speak at our events, please get in touch organisers@londonwebstandards.org
1311
Reposted by Jake Archibald
Anil Dash @anildash.com · 20/08/2026
The dialogue around LLMs is kind of broken both in terms of critique and advocacy. For critique, we need to focus on how we attack fascist tech power consistently — LLMs are only one part of that; merely saying "AI bad" has simply ended up with a lot of people using AI quietly while feeling shame...
2835648
Reposted by Jake Archibald
Firefox for Web Developers @webdevs.firefox.com · 20/08/2026
What should happen with text-box-trim and margin-trim when it comes to negative values? Do negatives 'trim'?
4366