π Customize MDN's browser compat tables!
Press βοΈ Settings on any compat table to choose which browsers and engines you see, and hide the ones you don't need.
Your picks are saved in your browser.
Try it π
developer.mozilla.org/en-US/β¦
ALT MDN's browser compatibility table for the HTML popover attribute. Its columns cover desktop and mobile browsers, showing which versions support the attribute and its "hint" value. A "Settings" button sits above the table.
ALT The Browser compatibility settings dialog on MDN. Browsers appear as chips grouped under Desktop, Mobile, Server and XR, and each one can be added to or removed from the table.
Major versions of Firefox now land every two weeks, so Firefox 155 dropped today with web platform features including:
π Fully typed CSS attr()
π CSS progress()
π Promise.allKeyed() and allSettledKeyed()
π Lots of new WebTransport stuff
β¦And more!
developer.mozilla.org/en-US/β¦
Firefox 154 landed today, and brings with it some great web platform features:
π CSS text-box
π CSS sibling-index() and sibling-count()
π JS Iterator methods like chunks, window, includes, & join
π HTTP No-Vary-Search
β¦And more! developer.mozilla.org/en-US/β¦
π Introducing the MDN MCP server!
Bring MDN's docs and browser compat data straight into your AI agent or IDE for accurate, up-to-date answers about the web platform.
No more outdated guesses from training data.
Learn more π
developer.mozilla.org/en-US/β¦
ALT A headline Introducing MDN MCP server above a terminal window titled Light-dark CSS function for images, showing a prompt asking how to use the light-dark() CSS function for images and which browsers support it, with a note that the mdn tool was called 4 times, followed by an answer explaining that light-dark() takes two image values and works anywhere an image is accepted. The MDN logo appears on the right.
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 π
ALT A colorful infographic titled βMDN HTTP Code Cheatsheet with Emojis.β It categorizes HTTP status codes using emoji-enhanced lists grouped by status code classes.
π¦ 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/β¦
ALT Firefox 150 release notes feature a minimalist design with soft colors, highlighting new capabilities for web extensions.
π¦ 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/β¦
ALT Firefox 150 release notes with a smooth background design featuring soft waves in pastel colors.
π¦ 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/β¦
ALT Firefox 150 release notes feature a pastel background with waves, emphasizing updates and new features.
π¦ 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/β¦
ALT Firefox 150 release notes highlighted with a light background and wavy design, inviting users to read more.
π¦ 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/β¦
ALT Firefox 150 release notes feature a pastel background with wavy patterns, highlighting the new color-mix() function for CSS.
π¦ 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/β¦
ALT Firefox 150 release notes feature a soft pastel background with text highlighting updates and a call to action to read more.
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/β¦
ALT Code snippet showcasing CSS Subgrid implementation with defined grid properties for a main grid, items, and sub-items.