Jake Archibald

@jaffathecake
7.8K Followers
335 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

map.getOrInsertComputed is newly baseline! It's a small feature, but I've found it pretty useful. Here's how it works.

Full docs and polyfills on MDN https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/WeakMap/getOrInsertComputed

CSS contrast-color is newly baseline, but it falls short in some areas. Here's how it works, and what to look out for:

... and we can announce our final three speakers:

@Meyerweb the father of CSS testing and documenting
@jaffathecake  (Mozilla), returning to conferences near you
@csswizardry who's going to talk about his recent article about containment

See you there!

https://cssday.nl

CSS Day 2026, 11th & 12th of June, Amsterdam

CSS Day is the conference for CSS designers, developers, spec writers, and browser vendors.

Strangely satisfied to bag HTML issue 12345 https://github.com/whatwg/html/pull/12345
Simplify popover=hint behaviours & related spec fixes by jakearchibald · Pull Request #12345 · whatwg/html

At least two implementers are interested (and none opposed): Mozilla Google Tests are written and can be reviewed and commented upon at: … Implementation bugs are filed: Chromium: … Gecko...

GitHub

85% of tickets have been sold. We're exactly ONE month away.

Celebrating ten years of All Day Hey! with our final conference. Help us go out with a bang and join on a journey through new techniques, accessibility, web animation, and human connection in a world of increasingly weird and wonderful AI.

Tickets and more info:
https://heypresents.com/conferences/2026

There are a number of optimisations the browser cannot do if you render html to a canvas, such as partial painting, optional painting, texture size management… so you should only do it if there's good reason.

Nice to see excitement around the proposed html-in-canvas feature, but remember you can already put canvas behind/atop HTML elements.

The benefits of this new feature are:

➡️ Readbacks (eg sending to a VideoEncoder)
➡️ Showing HTML on non-planar shapes
➡️ Using shaders on HTML

Of course, this means you can add shaders https://random-stuff.jakearchibald.com/apps/curved-markup/?vhs (again, Chrome Canary with canvas-draw-element flag)

I've been playing around with Chrome's experimental HTML-in-Canvas API (I use it to create my videos), and I wanted to see if I could make text-selection work on a curved surface by moving the underlying element around on pointermove. It works pretty well!

Live demo: https://random-stuff.jakearchibald.com/apps/curved-markup/ (needs Chrome Canary with the canvas-draw-element flag.

Source: https://github.com/jakearchibald/random-stuff/blob/main/apps/curved-markup/src/App/index.tsx#L113

Can you tell CSS from BS? I tried, and it's hard.

https://indieweb.social/@keithamus/116328410312008711