MDN Web Docs

🆕 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/blog/int…

Notification actions landed in Firefox 152, allowing you to add quick action buttons to your notifications. Here's how they work:

CSS field-sizing is newly baseline, meaning you can make various form fields size to their contents, without needing JavaScript.

Firefox 152 landed today, and includes web platform features like: 🎉 CSS field-sizing 🎉 Notification actions 🎉 unadjustedMovement pointer locks 🎉 getAnimations() pseudoElement option …and more! developer.mozilla.org/en-US/docs/Moz…

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…

@tensai22_ Oh, no. Thanks for letting me know. 🫡

@MozDevNet You already posted that yesterday, admin

✨ :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…