Jake Archibald

@jaffathecake
7.8K Followers
333 Following
1.3K Posts
Developer of sorts at Firefox, but this is my personal account. No thought goes unpublished. He/him.
GitHubhttps://github.com/jakearchibald
In terms of popover=hint, I dug into it when scripting a video, and… I can't make sense of the behaviour at all. Here's my investigation so far if you want to follow along: https://github.com/whatwg/html/issues/12304 & https://github.com/whatwg/html/issues/12305

Firefox 149 is out now, and adds bunch of new web platform features, such as:

🎉 The CloseWatcher API
🎉 popover=hint (although I'm concerned about the spec'd behaviour)
🎉 hasUAVisualTransition on PopStateEvent
🎉 font-family: math
🎉 The CSP reporting API

And more!

https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/149

Firefox 149 release notes for developers (Stable) - Mozilla | MDN

This article provides information about the changes in Firefox 149 that affect developers. Firefox 149 was released on March 24, 2026.

MDN Web Docs
There are many browsers, but only three widely-used engines. We maintain one of those engines - Gecko. Here's why we feel that browser engine diversity is essential for the future of the web https://blog.mozilla.org/netpolicy/2026/03/23/competition-innovation-and-the-future-of-the-web/
Competition, Innovation, and the Future of the Web – Why Independent Browser Engines Matter – Open Policy & Advocacy

Gecko matters because it ensures there’s an independent voice shaping how the internet evolves. Without Gecko, the landscape would be dominated by Apple and Google alone. Is that really the ...

Open Policy & Advocacy

Another customisable <select> demo to add to the pile. I had a lot of fun with anchor position, anchor containers, scroll containers, calc-size etc etc https://random-stuff.jakearchibald.com/fancy-select/

Chrome only… for now, but it falls back nicely.

Fancy Select

In celebration of 2MM I made a "Hard Mode" alternative version, idea courtesey @jaffathecake

https://www.keithcirkel.co.uk/whats-my-jnd-hard/

What's My JND? Hard Mode

Hard mode: find the odd square out of nine. No gradient hints, just raw colour perception.

RE: https://indieweb.social/@keithamus/116204286323408885

Sorry everyone. You're about to spend a ton of time on this.

My score is 0.0028 💅 (although I get different scores on different screens - my best is on my MacBook)

I'm speaking at Web Day Out on Thursday in Brighton. The line-up looks great, and tickets are still available https://webdayout.com/

You can get a 10% discount via https://ti.to/clearleft/web-day-out/discount/JOIN_JAKE

My first talk in a couple of years 😬. It's currently running at 40 minutes but the slot is 30, so I have work to do…

Web Day Out in Brighton, March 12th 2026

A one-day event all about what you can do in web browsers today!

Who wants to be nerd-sniped this early in the week? Here's a fairly simple layout for a 'select picker', that turns out to be really tricky to implement. Can you come up with a simpler CSS-only solution? https://github.com/w3c/csswg-drafts/issues/13617
[css-anchor-position] Fairly common use-case seems pretty difficult · Issue #13617 · w3c/csswg-drafts

Sorry for the vague title. I don't know if anything needs to be done here, or if it's just a bunch of us not used to working with these new features. I'm trying to do what feels like a fairly simpl...

GitHub
JavaScript Iterator․zip landed in Firefox 148, making it simple to loop over multiple things at the same time. Here's how it works: