Le mignosaure 🦕 !

#upcycled #handmade #artisanat #craft #dinosaur

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

RESOLVED FIXED - style queries are coming to Firefox

bugzilla.mozilla.org/show_bug.cgi...

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

Servo 0.0.6 showing ‘transform-style: preserve-3d’, ‘vertical-align’ shorthand with ‘baseline-shift’, objects being previewed in DevTools when passed to console.log(), pausing script execution in DevTools, and opening a modal `<dialog>` with `<button command>`

February in Servo…

⏯️📜 pause and resume in DevTools
🤏🖱️ Pointer Events API
🧲🪟 <button command>
🔰🎨 ‘@property’ and ‘:modal’
📦🌐 better JS modules support

servo.org/blog/2026/03...

Okay, clearly y'all love colour games, so with millions of plays on jnd & jnd-hard thought I'd dust off and polish up the _original concept_. Hue shift:

www.keithcirkel.co.uk/hue-shift/?r...

Drag one colour to match the other, 10 seconds to do it. You know the drill. Make me proud gang.

Mais de façon + générale c'est juste une énergie de bully. D'où on se fout de la gueule des gens qui ne maitrisent pas *parfaitement* qque chose avant d'oser s'y adonner publiquement ? On va continuer à mal parler des langues, être médiocres dans des tas de domaines et vous allez rien faire en fait.

firefox-source-docs.mozilla.org/devtools-use... :)

More Easy Light-Dark Mode Switching: light-dark() is about to support images! CSS light-dark() is being extended to support images.

CSS `light-dark()` is about to support images!

www.bram.us/2026/03/19/m...

Shipping in Firefox 150. Starting tomorrow, available behind a flag in Chromium 148.

What's My JND? Find your Just Noticeable Difference in colour perception. How small a colour difference can you actually see?

without cheating this time, but I took my time and moved my head a lot ^^

What's My JND? 0.0030
Can you beat it? www.keithcirkel.co.uk/whats-my-jnd...

opened RDM, set it to the narrowest possible value, clicked on the middle of the screen each time I couldn't see the limit ^^

Abstract illustration of a CSS animation in the shape of a series of square that get incresingly rotated. The text reads: CSS animations as state machines.

I feel like this is either very dumb or very clever. Either way, I blogged about it:

Using CSS animations as state machines to remember focus or hover states in CSS only.

patrickbrosset.com/articles/202...

Nice post Patrick, that's pretty creative :)

There's a small typo (`But, CS animations`), and for the demo with the pseudo element you're talking about checkmarks but the demo displays (nice) cat emojis :)

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/...

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

You can throw away innerHTML and replace it with the new setHTML(), which has a built-in sanitizer. Here's how it works:

Igalia Coding Experience | Igalia - Open Source Consultancy and Development Igalia is an open source consulting firm specialised in the development of innovative projects and solutions. Our engineers have expertise in a wide range of technological areas, including browsers an...

If you're a student or early in your software/CS career, I encourage you to apply to the Igalia Coding Experience program. The deadline to apply is April 3.

People from underrepresented groups are encouraged to apply!

www.igalia.com/coding-exper...

Gecko: Intent to ship: ariaNotify

Hello Ana, thanks for the report
We filed bugzilla.mozilla.org/show_bug.cgi... for this

HTML might be getting a new type of tag, which… hasn't happened this millennium. Here's the new syntax, and how it works:

To celebrate my first merged PR into Firefox core, I wrote a too-long article on Contextual Design for (Opinionated) Component Libraries.

frehner.me/blog/context...

And it concludes with my reasons for submitting patches to Firefox and WebKit.

Lots of thanks to everyone who helped out, or

Who should I speak to to get this t-shirt Jake?

This was actually some of my first contributions to the area of web browsers, just finding and fixing errors in the support data. Normally just ones I stumbled across as a web developer too, rather than anything deliberate.

A straight, orange and yellow old building with front covered with bricks. It has a lot of small windows that each are near each other in a stair pattern. A lot of different yet satisfying shapes next to each other near the top of the building. The front is half-covered with a warm afternoon winter light.

Saw this building in Paris, last year. Super nice shapes #reference #environmentart

One more custom <select> demo, with a bunch of CSS transforms and animations.
I can't get enough of this. So cool.

View Transition Types are newly baseline! These make it easier to build transitions that are specific to particular situations.

Also, we have some new View Transition DevTools in Firefox 147…

Do not give up your brain It's tempting to just let tools think for you, but you still need to be able to think for yourself and stay sharp.

"Once men turned their thinking over to machines in the hope that this would set them free. But that only permitted other men with machines to enslave them."

― Frank Herbert, Dune

cassidoo.co/post/good-br...

The Navigation API is newly baseline! The web now has sensible, low-level routing for navigations.

CSS anchor positioning is newly baseline! This opens the door for lots of new creative CSS.

It's a huge feature, but here are the basics.