One thing the example with the `@media` query doesn't quite capture (and I know this is meant to be a quick 1 min video), is that `light-dark()` will respect a "local" `color-scheme` override as well. So it's more than just a shorthand for the media query!

CSS's light-dark() now accepts images, making it simpler to define alternate values for a dark color scheme. Here's how it works:

sizes="auto" landed in Firefox 150, making responsive images simpler and more reliable. Here's when you can use it, and how…

Firefox 150 just landed & includes new web platform features like: 🎉 sizes="auto" on images 🎉 light-dark() image support 🎉 CSS revert-rule 🎉 ariaNotify() 🎉 Media pseudo-classes like :playing None of these are baseline yet, so check MDN for support. developer.mozilla.org/en-US/docs/M...

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

A common mistake with a 'subtree' MutationObserver is assuming addedNodes includes all newly connected nodes, but it doesn't include preexisting children of the added nodes codepen.io/editor/jaffa...

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

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

I tried this. It's hard.

hasUAVisualTransition landed in Firefox 149, making it available across all major engines. As well as having a very catchy name, it lets you avoid doubling up on page transitions. Here's how it works:

hasUAVisualTransition landed in Firefox 149, making it available across all major engines. As well as having a very catchy name, it lets you avoid doubling up on page transitions. Here's how it works:

The CloseWatcher API landed in Firefox 149, making it easy to listen for platform-specific 'dismiss' signals. Here's how it works:

Firefox 149 is out now, and adds bunch of new web platform features, like 🎉 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! developer.mozilla.org/en-US/docs/M...

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 blog.mozilla.org/netpolicy/20...

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)

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

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

WebAssembly is a second-class language on the web, but how can we make it first-class? WebAssembly Components could be the answer… hacks.mozilla.org/2026/02/maki...

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

The Sanitizer API landed in Firefox 148, along with element.setHTML(). This lets you fully configure how HTML strings are cleaned as they're parsed. hacks.mozilla.org/2026/02/good...

Firefox 148 is out now, and adds some great web platform features: 🎉 The HTML Sanitizer API 🎉 CSS shape() 🎉 Trusted Types 🎉 Nav API's addHandler 🎉 Iterator zip & zipKeyed 🎉 ancestorOrigins And more! developer.mozilla.org/en-US/docs/M...

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

If you had to pick _one_, which web platform feature would you like in Firefox that isn't part of the Interop 2026 effort? hacks.mozilla.org/2026/02/laun...

Here's a quick rundown of what we delivered as part of Interop 2025, and what's planned for Interop 2026!

It's time for Interop 2026! This is a cross-browser effort where we agree on a set of focus areas to improve compatibility. Here's how things went in 2025, and what we're taking on for 2026: hacks.mozilla.org/2026/02/laun...

AI Controls (formally 'kill switch') are landing in today's Firefox Nightly, and will land with Firefox 148 later this month.

Here's a round-up of recent security & privacy work that went into Firefox, including: ➡️ Improvements to tracker blocking ➡️ Integrity-Policy header support ➡️ Compressed Elliptic Curve Points in WebCrypto attackanddefense.dev/2026/01/30/f...

CSS module scripts landed in Firefox 147, so you can import CSS directly into JavaScript.

In Firefox 147, you no longer need heavy libraries to (de)compress brotli with JS - you can just use CompressionStream and DecompressionStream!

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…

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…

sign() is Newly Available on Baseline ➖➕ Unlike abs(), which returns a magnitude, sign() returns the direction of a value: -1, 1, 0, or -0. Useful when layout logic depends on whether a value is positive or negative. Learn more here 👇 developer.mozilla.org/en-US/docs/...

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.

Firefox 147 just landed & it's pretty huge in terms of web features: 🎉 CSS anchor positioning 🎉 The navigation API 🎉 View transition types 🎉 Brotli support in Compression/DecompressionStream 🎉 CSS module imports And more! https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/147

TIL that: <? this ?> <! this !> </ and this > …all parse as HTML comments. It hits a part of the parser the spec where the content is "reconsumed in the bogus comment state".

TIL Firefox DevTools console has a $$$('selector') command that returns an array of matching elements, including those in shadow roots.

HTML hidden=until-found and auto-opening <details> is newly baseline… or is it? Here's how it works, and issues to watch out for:

Something that hasn't been made clear: Firefox will have an option to completely disable all AI features. We've been calling it the AI kill switch internally. I'm sure it'll ship with a less murderous name, but that's how seriously and absolutely we're taking this. …

HTML invoker commands are newly baseline! Here's how they work…

JavaScript declarations in conditionals was discussed at TC39 recently, but consensus broke down over one key detail. How do you think it should behave?

🚀 A bunch of #WebDriver features and fixes landed in Firefox 146. WebDriver is the W3C standard for interoperable browser automation, for things like testing tools, and MCPs. Keep up to date with all the progress here: https://fxdx.dev/firefox-webdriver-newsletter-146/

❓ Do you have a need for range inputs with 3+ sliders on the web? Folks are scoping out this work, and want to know your use-cases ⬇️ https://github.com/openui/open-ui/issues/1337

In Firefox 146 DevTools, long lists of unused CSS custom properties collapse, decluttering the UI, and improving performance

Fine-tune multilingual typography with text-autospace ✨ It lets you control spacing between CJK and Latin characters. > text-autospace: ideograph-alpha ideograph-numeric punctuation; Now available on Baseline 2025. 🎉 Learn more 👇 developer.mozilla.org/en-US/docs/...

CSS text-decoration-inset landed in Firefox 146! Here's how it works:

A bunch of web platform features and bug fixes landed in Firefox 146. There'll be more videos about the highlights soon, but in the meantime, here's a summary: https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/146

CSS @​scope has landed in Firefox 146, making it a new baseline feature. Here's how it works:

New blog post: Why the Sanitizer API is just `setHTML()` - https://frederikbraun.de/why-sethtml.html

AV1 won an Emmy! We're proud to be part of the Alliance for Open Media, where the codec was developed. But the story's not over… AV2 is just around the corner. https://blog.mozilla.org/en/mozilla/av1-video-codec-wins-emmy/