MozDevNet's profile picture. The official MDN Web Docs account. We deliver the best web docs around.

MDN Web Docs

@MozDevNet

The official MDN Web Docs account. We deliver the best web docs around.

Pinned

MDN is 20 years old! 🥳 🙏 A huge thank you to... The devs who read and trust MDN The contributors who improve it Everyone working on the web platform who shares our mission. Here's how we celebrated with the web.dev team! 🧁 developer.mozilla.org/en-US/blog/mdn…


Firefox 146 brings WebDriver BiDi updates! 🤖 • 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/Moz…


✨ Meet Shrinivass, a Sr Full Stack Engineer from USA, contributing for over a year—improving docs like :has() and DOMContentLoaded. He says, “I contribute because it’s mentorship at scale. Each improvement helps thousands of devs.” Huge thanks! 🙌 developer.mozilla.org/en-US/communit…


Mastering layout = Mastering Flexbox Test your understanding with MDN’s hands-on Flexbox exercises. No setup needed, just code and see what happens, with interactive scrims ✨ 💡 Learn by solving developer.mozilla.org/en-US/docs/Lea…


Firefox 146 ships improvements for CSS devs 🎨 • 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/Moz…


🦊 Firefox 146 is out! What's new: • 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/Moz…


MDN Web Docs reposted

@\scope入ったの熱い caniuse.com/css-cascade-sc…

🦊 Firefox 146 is out! What's new: • 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/Moz…



Fine-tune multilingual typography with text-autospace ✨ 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/Web…

MozDevNet's tweet image. Fine-tune multilingual typography with text-autospace ✨

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/Web…

👩‍💻 Not a designer? No problem. If you're a developer who wants to build better-looking interfaces, this guide is made for you. It covers: ✅ Visual design principles ✅ Color, contrast, and typography ✅ Layout ✅ Visual hierarchy and balance Read now 👇 developer.mozilla.org/en-US/docs/Lea…


MDN Web Docs reposted

Helpful content for devs

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 👇

MozDevNet's tweet image. 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 👇


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 👇

MozDevNet's tweet image. 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 👇

Did you know about Strict Mode? 🤔 ✨ "use strict"; ✨ Strict Mode catches silent errors, making your code more predictable and easier to debug. It also improves performance and helps you write more secure JavaScript code. See how 👇 developer.mozilla.org/en-US/docs/Web…


📷 Ever wonder what’s really happening behind your web images? 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/ima…


startViewTransition() is now part of Baseline! 🆕 This API lets you create smooth same-document (SPA) transitions, no framework required. Perfect for page updates, theme switches, and animated UI changes. Learn how it works 👇 developer.mozilla.org/en-US/docs/Web…


Search from anywhere. Navigate like never before. 🧭 The new MDN front end comes with a new search modal, refreshed UI, and better typography for docs that feel as good as they read. Take a look 👇 developer.mozilla.org/en-US/blog/lau…


You’ve learned how to write a function… now let’s make sure it works. 🫧 Practice real coding challenges with JavaScript functions – right in your browser, with interactive scrims from Scrimba. 🧠 Write, run, and debug your way to mastery developer.mozilla.org/en-US/docs/Lea…


Features from <select> you should know: ✅ disabled — prevent user interaction ✅ multiple — allow multi-select ✅ size — show more than one option at a time ✅ <optgroup> — group related options And there are more 👇 developer.mozilla.org/en-US/docs/Web…


Margin? Border? Padding? Content? 💅 The CSS box model is the foundation of layout, and MDN’s interactive exercises help you truly understand how it all fits together. 💡 Practice live in your browser developer.mozilla.org/en-US/docs/Lea…


Tired of hacking together deep copies with JSON.parse(JSON.stringify(...))? 🔁 The structuredClone() method lets you safely clone complex JavaScript objects. No data loss. No surprises. Just clean, reliable cloning. Learn more 👇 developer.mozilla.org/en-US/docs/Web…


Need a Fetch refresher? ⛲ Fetch API offers cleaner, promise-based syntax, better error handling, and async/await support. You can: 🔒 Add tokens & content types 📮 Make POST requests 🚅 Manage large data sets efficiently Learn more 👇 developer.mozilla.org/en-US/docs/Web…


Loading...

Something went wrong.


Something went wrong.