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:
Ever wish HTTP status codes were easier to remember? 🖼️
Check out this MDN cheatsheet that pairs each status code with an emoji to help you visualize what each one means, from 200 OK ✅ to 418 I’m a teapot 🫖
Check it out 👇
🦊 Firefox 150: web extensions can now use the Web Authentication API.
Extensions can create and retrieve WebAuthn credentials for any domain covered by their host permissions.
Read Now 👇
developer.mozilla.org/en-US/docs/Moz…
🦊 New in Firefox 150: the revert-rule CSS keyword.
Make a property behave as if the current rule didn't exist, letting a value from another matching rule take effect instead.
Read Now 👇
developer.mozilla.org/en-US/docs/Moz…
🦊 Firefox 150: light-dark() now accepts image values — not just colors.
Use it with images and gradients to adapt visuals based on color scheme.
background: light-dark(url(light.png), url(dark.png));
Read Now 👇
developer.mozilla.org/en-US/docs/Moz…
🦊 Firefox 150 ships ariaNotify() on Document and Element.
Queue text to be announced by a screen reader — a more ergonomic and reliable alternative to ARIA live regions.
Read Now 👇
developer.mozilla.org/en-US/docs/Moz…
🦊 Firefox 150: color-mix() now accepts more than two colors at once.
Mix any number of colors in a single declaration — no more nesting multiple calls.
Read Now 👇
developer.mozilla.org/en-US/docs/Moz…
🦊 Firefox 150: <img sizes="auto"> is now supported.
Lazy-loaded images use their calculated layout size to select from srcset — no more duplicating media queries in HTML.
Read Now 👇
developer.mozilla.org/en-US/docs/Moz…
Have you heard of CSS Subgrid? 🤔
A grid item can now pass its parent's grid lines to children, so nested elements align perfectly with the outer layout.
No more hacky workarounds for aligned nested grids.
Learn more 👇
developer.mozilla.org/en-US/docs/Web…
Firefox 150 ships 7 media pseudo-classes: :buffering, :muted, :paused, :playing, :seeking, :stalled, :volume-locked.
Style <audio> and <video> elements based on their playback state.
Read Now 👇
developer.mozilla.org/en-US/docs/Moz…
🆕 The URL Pattern API is Newly Available!
Use it to match and extract parts of URLs, no need to reinvent routing logic. Supports literals, wildcards, named groups, and even regex constraints.
Learn how it works 👇
developer.mozilla.org/en-US/docs/Web…
✨ :only-child now matches elements with no parent!
The :only-child selector has been updated — it can now match elements that have no parent at all, not just sole children.
A subtle but useful spec alignment across all major browsers.
Learn more 👇
developer.mozilla.org/en-US/docs/Web…
Wait for all promises, even the failing ones 🔄
`Promise.allSettled()` waits for every promise to finish, success or failure.
⋅ Returns { status: 'fulfilled', value } or { status: 'rejected', reason }
⋅ Perfect for batch operations
Learn more 👇
developer.mozilla.org/en-US/docs/Web…
✨ :only-child now matches elements with no parent!
The :only-child selector has been updated — it can now match elements that have no parent at all, not just sole children.
A subtle but useful spec alignment across all major browsers.
Learn more 👇
developer.mozilla.org/en-US/docs/Web…
Build smooth scroll experiences with CSS scroll snap 📜
Snap scrollable containers to specific positions — carousels, galleries, and paginated views with zero JavaScript.
Learn more 👇
developer.mozilla.org/en-US/docs/Web…
📬 Check own properties safely with Object.hasOwn()
A safer alternative to hasOwnProperty, works even on objects with a null prototype.
Baseline since 2022 ✅
Learn more 👇
developer.mozilla.org/en-US/docs/Web…
403K Followers 3K FollowingEngineering & DevRel Leader, Prev: Director @GoogleCloud AI/Gemini ✨, Eng Lead @GoogleChrome • Author @OReillyMedia • Great user, developer & AI experiences
66K Followers 2K FollowingThe robots are coming and we need to make a great example for them. Author, presenter, A11y lover, Online teacher at Skillshare and LinkedIn Learning
88K Followers 1K FollowingBuilding the web you build on @GoogleChrome ✨🎨 Web Experience DevRel Lead 🦄 @csswg + @openuicg. #CSSPodcast host 🎬 https://t.co/J9Y8U6Bz4f
63K Followers 2K Following#RxJS core team lead. Dad. Art Lover. Literally not paid by the observable, or for anything RxJS-related. My views actually belong to @_jayphelps. he/him
12K Followers 896 FollowingWeekly web dev news at https://t.co/VBZXGxIpP7.
I've left twitter... More at:
🐘 https://t.co/vuqqzKfMmq
🦋 https://t.co/NsacqOFt7Y
44K Followers 44 FollowingBuilt for you to design, code, test, refine a better web for everybody.
Follow us for announcements, tips, sneak peeks, and more!
117K Followers 98 FollowingOfficial account. Follow for latest news, features, tips and more.
Shape the future of DevTools, participate: https://t.co/qyqSn15AM4
90K Followers 6K FollowingOfficial Firefox account for people who build on the web. Learn about the things we're working on to grow and improve the web platform.
712 Followers 484 FollowingEngineering Leader - Cloud & AI Platform Architect
Founder of @codeguppy and other EdTech. Fractional CTO.
Actively seeking new opportunities 🚀
90K Followers 6K FollowingOfficial Firefox account for people who build on the web. Learn about the things we're working on to grow and improve the web platform.