Jake Archibald's Avatar

Jake Archibald

@jakearchibald.com

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

30,286
Followers
486
Following
1,202
Posts
25.04.2023
Joined
Posts Following

Latest posts by Jake Archibald @jakearchibald.com

Todoist

06.03.2026 09:03 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
Request for developer feedback: focusgroup Β |Β  Blog Β |Β  Chrome for Developers Try out focusgroup and comment on the proposal.

Open UI has been working on speccing out the focusgroup attribute: a declarative way to support roving focus & add keyboard nav to composite widgets like toolbars/menus

We'd love your feedback!

Learn more & see open questions: developer.chrome.com/blog/focusgr...

H/t to Edge folks for prototyping

05.03.2026 16:54 πŸ‘ 67 πŸ” 20 πŸ’¬ 6 πŸ“Œ 2
Video thumbnail

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

05.03.2026 14:16 πŸ‘ 95 πŸ” 18 πŸ’¬ 8 πŸ“Œ 1

Out of curiosity (I won't debate it), why?

04.03.2026 18:59 πŸ‘ 3 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

Based on this evidence, I'm really not sure it's one-size-fits-all

04.03.2026 18:53 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

Note the linked thread is comparing AVIF to JPEG XL

04.03.2026 18:51 πŸ‘ 11 πŸ” 0 πŸ’¬ 2 πŸ“Œ 0

noooooooo I did a video where I said that wrong _every time_

04.03.2026 12:02 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Preview
Walkman.land The most complete portable pocket audio cassette player database. WML is a tribute to the Walkmans.

walkman.land there's a lot to love about this, but my favourite detail is the spool cogs _correctly_ animating at different rates.

04.03.2026 10:07 πŸ‘ 39 πŸ” 7 πŸ’¬ 3 πŸ“Œ 0

I was going to publish a video today, but I said "iterator" instead of "iterable" THREE WHOLE TIMES and I know you wouldn't let me away with that.

04.03.2026 09:54 πŸ‘ 55 πŸ” 0 πŸ’¬ 9 πŸ“Œ 0
A graphic with the All Day Hey! logo at the top left, and conference information on the top right, reading:

"Thursday 7th May 2026
09:00 – 17:00 BST
Everyman Cinema
Leeds UK"

Below shows a Firefox logo which displays a swirl pattern alongside the word Firefox. Below that reads "Without our sponsors, there would be no conference. All Day Hey! is made possible by Firefox."

A graphic with the All Day Hey! logo at the top left, and conference information on the top right, reading: "Thursday 7th May 2026 09:00 – 17:00 BST Everyman Cinema Leeds UK" Below shows a Firefox logo which displays a swirl pattern alongside the word Firefox. Below that reads "Without our sponsors, there would be no conference. All Day Hey! is made possible by Firefox."

The mighty @webdevs.firefox.com are supporting All Day Hey! 2026. Without them, there would be no conference. @jakearchibald.com will be around on the day if you want to talk all things Mozilla!

Tickets and more information:
heypresents.com/conferences/...

04.03.2026 09:18 πŸ‘ 13 πŸ” 2 πŸ’¬ 0 πŸ“Œ 1

Landed in 147 bsky.app/profile/webd...

03.03.2026 06:43 πŸ‘ 7 πŸ” 1 πŸ’¬ 1 πŸ“Œ 0
Preview
Temporal - JavaScript | MDN The Temporal object enables date and time management in various scenarios, including built-in time zone and calendar representation, wall-clock time conversions, arithmetics, formatting, and more. It is designed as a full replacement for the Date object.

JavaScript's date object has been tricky for years, but that is changing.

The NEW Temporal API brings,
🌍 Easily handle time zones
πŸ“† Precise date math
πŸ•’ Parse ISO strings without errors
βŒ› Durations, date ranges, and more.

Start experimenting πŸ‘‡
developer.mozilla.org/en-US/docs/...

02.03.2026 21:00 πŸ‘ 97 πŸ” 24 πŸ’¬ 3 πŸ“Œ 0

I encoded both of these at "maximum effort" and I think the AVIF encoded faster. But, give it a go yourself

03.03.2026 06:08 πŸ‘ 0 πŸ” 1 πŸ’¬ 0 πŸ“Œ 0
Preview
Hello. Content design and design systems consultant

It’s that time again - I’m on the hunt for new clients from the beginning of April. I’m open to full or part-time contracts outside IR35.

I can help you with:

- design system consultancy, coaching, management or documentation
- content design
- UX writing
- technical writing

1/2

02.03.2026 19:23 πŸ‘ 27 πŸ” 32 πŸ’¬ 1 πŸ“Œ 0
Preview
Squoosh Squoosh is the ultimate image optimizer that allows you to compress and compare images with different codecs in your browser.

Interesting. The red issue sounds like chroma subsampling, which is optional in AVIF. squoosh.app let's you control that.

02.03.2026 20:29 πŸ‘ 4 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Interesting! Thumbnails work on MacOS. They don't work on Windows out of the box, but it seems like there are extensions you can install to make it work.

02.03.2026 17:59 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

I generally prefer AVIF over JPEG XL for my web imagery use-cases, but this case is an extreme outlier.

My learning here is: You can throw pretty much anything at AVIF, whereas JPEG XL is more like WebP, in that you need to get a feeling for when to put it in its 'lossless' mode.

02.03.2026 17:41 πŸ‘ 6 πŸ” 0 πŸ’¬ 2 πŸ“Œ 0
Preview
Launching Interop 2026 – Mozilla Hacks - the Web developer blog Interop 2025 brought a bunch of new web platform features & fixes, but here's what's coming in 2026…

btw, bsky is recompressing these as JPEG, so (in particular) the AVIF result looks worse than it really is. Here's the actual AVIF in use hacks.mozilla.org/2026/02/laun...

02.03.2026 17:00 πŸ‘ 6 πŸ” 0 πŸ’¬ 2 πŸ“Œ 1
The AVIF with sharp lines and no artefacts that I can see

The AVIF with sharp lines and no artefacts that I can see

The JPEG XL, with distorted lines and colour, but not 'muddy' like the previous example.

The JPEG XL, with distorted lines and colour, but not 'muddy' like the previous example.

So @ericportis.com pointed out that cjxl has a hidden 'modular' mode that fairs better for this kind of image. It's still pretty bad compared to the AVIF, but it's sharper than the previous example.

Here's the 11kb AVIF again vs the modular JPEG XL:

02.03.2026 16:56 πŸ‘ 14 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Preview
Launching Interop 2026 – Mozilla Hacks - the Web developer blog Interop 2025 brought a bunch of new web platform features & fixes, but here's what's coming in 2026…

Yeah, I uploaded them as PNGs converted from their original AVIF/JXL format. The AVIF can be seen in the Interop post hacks.mozilla.org/2026/02/laun...

02.03.2026 15:17 πŸ‘ 4 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

I barely ever use WebP these days. What do you use it for rather than AVIF, or is it just for things that might not support AVIF?

02.03.2026 15:11 πŸ‘ 1 πŸ” 0 πŸ’¬ 2 πŸ“Œ 0
Video thumbnail

CSS shape() landed in Firefox 148. It's similar to path(), but allows the full expressiveness of CSS…

02.03.2026 15:07 πŸ‘ 151 πŸ” 24 πŸ’¬ 8 πŸ“Œ 3

A well-crushed PNG would be 60kb. A lossless JPEG XL would be 36kb.

02.03.2026 14:30 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

Yeah, just as WebP is a VP8 keyframe.

02.03.2026 14:20 πŸ‘ 19 πŸ” 0 πŸ’¬ 2 πŸ“Œ 0
A clean looking graphic with sharp lines and crisp colour

A clean looking graphic with sharp lines and crisp colour

The same graphic, but muddy and blocky. The previously sharp lines are blurry.

The same graphic, but muddy and blocky. The previously sharp lines are blurry.

I think it's often overlooked that AVIF is also really good at flat colour & sharp edges.

Don't go straight for a lossless format just because it's the kind of image that would look bad as a JPEG.

Here's an 11kb image as an AVIF, vs JPEG XL.

02.03.2026 14:08 πŸ‘ 143 πŸ” 22 πŸ’¬ 9 πŸ“Œ 1

Yessssssssssss! I'm so excited

02.03.2026 10:24 πŸ‘ 4 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
New alternatives to innerHTML getHTML, setHTML, setHTMLUnsafe, declarative shadow DOM and sanitization

New alternatives to innerHTML (setHTML) by @ollie-williams.bsky.social

02.03.2026 10:01 πŸ‘ 24 πŸ” 6 πŸ’¬ 2 πŸ“Œ 0
Preview
Bruce Lawson's personal site Β» On Apple’s pinky promises to CMA

Here's the consultation i mentioned at #sotb26 I'm not kidding when I told you that the regularlors love to hear from developers rather than lobbyists. Doesn't need to be structured relost. They simply way to your view. https://brucelawson.co.uk/2026/on-apples-pinky-promises-to-cma/

28.02.2026 21:44 πŸ‘ 8 πŸ” 9 πŸ’¬ 0 πŸ“Œ 1
308811 – Customizable select issues

bugs.webkit.org/show_bug.cgi...

27.02.2026 11:54 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Fancy Select

Although I tried my select demo in it, and it's unusably broken random-stuff.jakearchibald.com/fancy-select/

I guess I have bugs to file!

27.02.2026 09:24 πŸ‘ 3 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0