Visit → https://mdn.dev
Contribute → https://mdn.dev/community
Contribute to,
📚 MDN documentation
🤝 Help other devs
💟 Localize content
📝 Review or write on MDN
Start now 👇
developer.mozilla.org/en-US/commu...
Contribute to,
📚 MDN documentation
🤝 Help other devs
💟 Localize content
📝 Review or write on MDN
Start now 👇
developer.mozilla.org/en-US/commu...
The abs() function returns the absolute value of a calculation, keeping numbers, lengths, or percentages always positive. Useful for safer layouts and predictable visuals.
Learn more here ↓
developer.mozilla.org/en-US/docs/...
The abs() function returns the absolute value of a calculation, keeping numbers, lengths, or percentages always positive. Useful for safer layouts and predictable visuals.
Learn more here ↓
developer.mozilla.org/en-US/docs/...
✨ CSS Anchor Positioning enabled by default
🚀 WebGPU on all macOS with Apple Silicon
🧭 Navigation API for better SPA control
🎨 DevTools improvements for pseudo-elements & animations
and more...
Release notes 👇
developer.mozilla.org/en-US/docs/...
✨ CSS Anchor Positioning enabled by default
🚀 WebGPU on all macOS with Apple Silicon
🧭 Navigation API for better SPA control
🎨 DevTools improvements for pseudo-elements & animations
and more...
Release notes 👇
developer.mozilla.org/en-US/docs/...
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/...
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/...
✨ CSS Anchor Positioning enabled by default
🚀 WebGPU on all macOS with Apple Silicon
🧭 Navigation API for better SPA control
🎨 DevTools improvements for pseudo-elements & animations
and more...
Release notes 👇
developer.mozilla.org/en-US/docs/...
✨ CSS Anchor Positioning enabled by default
🚀 WebGPU on all macOS with Apple Silicon
🧭 Navigation API for better SPA control
🎨 DevTools improvements for pseudo-elements & animations
and more...
Release notes 👇
developer.mozilla.org/en-US/docs/...
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/...
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 abs() function returns the absolute value of a calculation, keeping numbers, lengths, or percentages always positive. Useful for safer layouts and predictable visuals.
Learn more here ↓
developer.mozilla.org/en-US/docs/...
The abs() function returns the absolute value of a calculation, keeping numbers, lengths, or percentages always positive. Useful for safer layouts and predictable visuals.
Learn more here ↓
developer.mozilla.org/en-US/docs/...
It represents an array of 16-bit floating point numbers in the platform byte order. If control over byte order is needed, use DataView instead. It is initialized to 0 unless initialization data is provided.
Docs 👇
developer.mozilla.org/en-US/docs/...
It represents an array of 16-bit floating point numbers in the platform byte order. If control over byte order is needed, use DataView instead. It is initialized to 0 unless initialization data is provided.
Docs 👇
developer.mozilla.org/en-US/docs/...
The aspect-ratio property lets you define a fixed width-to-height ratio for any element, making responsive design easier than ever.
🎥 Great for responsive media
🎴 Cleaner layouts w/o JS
📦 Works with grid, flexbox
Read more ↓
developer.mozilla.org/en-US/docs/...
The aspect-ratio property lets you define a fixed width-to-height ratio for any element, making responsive design easier than ever.
🎥 Great for responsive media
🎴 Cleaner layouts w/o JS
📦 Works with grid, flexbox
Read more ↓
developer.mozilla.org/en-US/docs/...
We would like to thank all of our contributors from around the globe who made this extensive report possible!
Check out the full report here: almanac.httparchive.org
We would like to thank all of our contributors from around the globe who made this extensive report possible!
Check out the full report here: almanac.httparchive.org
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/...
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/...
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/...
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/...
The CSS data type behind color angles.
Used by hsl(), hwb(), lch(), and oklch(),
Learn how it works 👇
developer.mozilla.org/en-US/docs/...
The CSS data type behind color angles.
Used by hsl(), hwb(), lch(), and oklch(),
Learn how it works 👇
developer.mozilla.org/en-US/docs/...
Atomics.waitAsync() returns immediately and resolves when another thread calls Atomics.notify().
Perfect for coordinating workers with SharedArrayBuffer.
Learn more 👇
developer.mozilla.org/en-US/docs/...
Atomics.waitAsync() returns immediately and resolves when another thread calls Atomics.notify().
Perfect for coordinating workers with SharedArrayBuffer.
Learn more 👇
developer.mozilla.org/en-US/docs/...
• setExtraHeaders for auto request header injection
• Node context locating for iframes
• Locale + timezone override improvements
• Better network data collection
• Reliable request IDs
Release notes 👇
developer.mozilla.org/en-US/docs/...
• setExtraHeaders for auto request header injection
• Node context locating for iframes
• Locale + timezone override improvements
• Better network data collection
• Reliable request IDs
Release notes 👇
developer.mozilla.org/en-US/docs/...
The abs() function returns the absolute value of a calculation, keeping numbers, lengths, or percentages always positive. Useful for safer layouts and predictable visuals.
Learn more here ↓
developer.mozilla.org/en-US/docs/...
The abs() function returns the absolute value of a calculation, keeping numbers, lengths, or percentages always positive. Useful for safer layouts and predictable visuals.
Learn more here ↓
developer.mozilla.org/en-US/docs/...
The Color format converter lets you pick a color and instantly copy it as rgb(), hsl(), hex, and more - anywhere the
Try it here 👇
developer.mozilla.org/en-US/docs/...
The Color format converter lets you pick a color and instantly copy it as rgb(), hsl(), hex, and more - anywhere the
Try it here 👇
developer.mozilla.org/en-US/docs/...
• contrast-color() for WCAG-friendly contrast
• display-p3-linear color space
• text-decoration-inset
• scope at-rule now on by default
• -webkit-fill-available for better compat
Release notes 👇
developer.mozilla.org/en-US/docs/...
• contrast-color() for WCAG-friendly contrast
• display-p3-linear color space
• text-decoration-inset
• scope at-rule now on by default
• -webkit-fill-available for better compat
Release notes 👇
developer.mozilla.org/en-US/docs/...
Together we maintain 45K+ pages helping developers build the open web.
Discover our mission & how to get involved 👇
developer.mozilla.org/en-US/about
Together we maintain 45K+ pages helping developers build the open web.
Discover our mission & how to get involved 👇
developer.mozilla.org/en-US/about
Atomics.waitAsync() returns immediately and resolves when another thread calls Atomics.notify().
Perfect for coordinating workers with SharedArrayBuffer.
Learn more 👇
developer.mozilla.org/en-US/docs/...
Atomics.waitAsync() returns immediately and resolves when another thread calls Atomics.notify().
Perfect for coordinating workers with SharedArrayBuffer.
Learn more 👇
developer.mozilla.org/en-US/docs/...
From pixels to formats to compression, you should use:
- JPEG for details
- PNG for transparency
- WebP & AVIF for web-performance
- SVG for resolution-independent graphics
Read more 👇
developer.mozilla.org/en-US/blog/...
From pixels to formats to compression, you should use:
- JPEG for details
- PNG for transparency
- WebP & AVIF for web-performance
- SVG for resolution-independent graphics
Read more 👇
developer.mozilla.org/en-US/blog/...
Thank you for building the web with us. Writing docs, fixing bugs, reviewing PRs, and helping developers learn every day.
Here’s to better standards, better tooling, and better documentation in the year ahead. 🥂
Thank you for building the web with us. Writing docs, fixing bugs, reviewing PRs, and helping developers learn every day.
Here’s to better standards, better tooling, and better documentation in the year ahead. 🥂
Contribute to,
📚 MDN documentation
🤝 Help other devs
💟 Localize content
📝 Review or write on MDN
Start now 👇
developer.mozilla.org/en-US/commu...
Contribute to,
📚 MDN documentation
🤝 Help other devs
💟 Localize content
📝 Review or write on MDN
Start now 👇
developer.mozilla.org/en-US/commu...
A new HTTP feature that can dramatically shrink the size of your responses, especially when serving content that changes often but includes a lot of repeated structure (think: JSON, JS, CSS).
Learn more 👇
developer.mozilla.org/en-US/docs/...
A new HTTP feature that can dramatically shrink the size of your responses, especially when serving content that changes often but includes a lot of repeated structure (think: JSON, JS, CSS).
Learn more 👇
developer.mozilla.org/en-US/docs/...
• Inspector: auto-hides unused CSS custom properties
• contrast-color() + text-decoration-inset support
• scope enabled by default
• WeakMap/WeakSet now accept Symbol keys
• WebDriver BiDi upgrades
Release notes 👇
developer.mozilla.org/en-US/docs/...
• Inspector: auto-hides unused CSS custom properties
• contrast-color() + text-decoration-inset support
• scope enabled by default
• WeakMap/WeakSet now accept Symbol keys
• WebDriver BiDi upgrades
Release notes 👇
developer.mozilla.org/en-US/docs/...