Firefox for Web Developers

@firefoxwebdevs
4.5K Followers
3 Following
496 Posts
Official Firefox account for people who build on the web. Learn about the things we're working on to grow and improve the web platform.
Ever struggled to get heading tags right in includes/components? headingoffset could be the answer…

We're experimenting with a way to visualize session history in Firefox DevTools, and we'd love your feedback!

Here's the background, and how to try it: https://blog.farre.se/posts/2026/06/01/session-history-diagrams/

See our announcement post for more detail, demos, and docs https://hacks.mozilla.org/2026/05/web-serial-support-in-firefox/
Announcing Web Serial Support in Firefox – Mozilla Hacks - the Web developer blog

Support for Web Serial in Firefox 151 for Desktop Firefox can now connect directly to microcontrollers, development boards, 3D printers, power meters, and other serial-connected hardware from the web. Starting ...

Mozilla Hacks – the Web developer blog
The Web Serial API landed in Firefox 151, allowing you to connect directly to microcontrollers, dev boards, 3D printers, power meters, and other serial-connected hardware from the web. Here's how it works:

Thanks to everyone who responded! These three have been tricky to prioritise:

line-clamp - somewhat already supported, but the standard version has some nice new features.

Animating display:none - falling back to no animation in Firefox is non-breaking.

margin-trim - a nice feature, but ok to work around the lack of it in many situations.

But yes, I agree with the results here. This feedback has been passed onto the teams.

Which of the following CSS features would you prefer Firefox to support first?

(note that we already support the quirky -webkit-line-clamp)

line-clamp
16.1%
margin-trim
15.2%
animating/transitioning display:none
68.7%
Poll ended at .
Web Serial landed in Firefox 151! Here's how it works, and what you can do with it: https://hacks.mozilla.org/2026/05/web-serial-support-in-firefox/
Announcing Web Serial Support in Firefox – Mozilla Hacks - the Web developer blog

Support for Web Serial in Firefox 151 for Desktop Firefox can now connect directly to microcontrollers, development boards, 3D printers, power meters, and other serial-connected hardware from the web. Starting ...

Mozilla Hacks – the Web developer blog
Using container size and style queries - CSS | MDN

Container queries enable you to apply styles to elements nested within a specific container based on the features of that container. The query returns true or false depending on whether the query condition is true for the container.

MDN Web Docs
CSS style() queries landed in Firefox 151 making them newly available across engines. Here's how they work:

Firefox 151 is out now, and brings with it some tasty new web platform features:

🎉 Container style() queries
🎉 Web Serial API
🎉 Document Picture-in-Picture API
🎉 keyboardLock on requestFullscreen

…and more!

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

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

This article provides information about the changes in Firefox 151 that affect developers. Firefox 151 was released on May 19, 2026.

MDN Web Docs