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.

固定されたツイート

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…


Help us make MDN even better for you! 📣 We’re running a short survey to understand how developers use MDN in their day-to-day work and learning. ⏱️ Takes ~10 minutes ✅ All questions optional 🔒 Responses are anonymous Take the survey 📝 survey.alchemer.com/s3/8409929/MDN…


📷 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…


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…


Using custom accordions? There's an easier way! 🪗 The <details> element now has a name attribute with support across all major browsers. ✨ No more custom handling for UI accordions ✨ Less code to maintain ✨ Native browser support Try now 👇 developer.mozilla.org/en-US/blog/htm…


Are you still not using JavaScript Sets? Discover ↓ ✨ set.union() ✨ set.intersection() ✨ set.difference() See how sets might make your data efficient. Dive in! 👇 developer.mozilla.org/en-US/blog/jav…


🕵️‍♂️ The User-Agent HTTP header tells the server what client is making the request, like browser, OS, and rendering engine. It helps servers: ✅ Serve browser-specific content ✅ Log usage patterns ❌ But can also be a source of fingerprinting Read more 👇 developer.mozilla.org/en-US/docs/Web…


Style text selections with ::highlight! The ::highlight pseudo-element lets you customize how text highlights appear. Not just for user selection (::selection), but also for custom highlights created via the Highlight API Learn more 👇 developer.mozilla.org/en-US/docs/Web…


Tired of long-running scripts blocking the UI? The Web Workers API lets you run JS in the background, keeping your app responsive and smooth. ✅ Offload heavy tasks ✅ Keep the main thread free ✅ Great for data crunching, parsing, and more Read how 👇 developer.mozilla.org/en-US/docs/Web…


🕵️‍♂️ The User-Agent HTTP header tells the server what client is making the request, like browser, OS, and rendering engine. It helps servers: ✅ Serve browser-specific content ✅ Log usage patterns ❌ But can also be a source of fingerprinting Read more 👇 developer.mozilla.org/en-US/docs/Web…


What does the k1 attribute do in SVG? 🌀 The k1 attribute is used with the <feConvolveMatrix> filter element in SVG to apply convolution effects. It’s part of the kernel matrix that defines how pixels are transformed. Learn more 👇 developer.mozilla.org/en-US/docs/Web…


🧪 Thinking of using fetch() streams to track upload/download progress? @jaffathecake shares more, and how could limit future browser optimizations. ✅ Streams = Great for parallel processing ❌ Streams ≠ Reliable for measuring up/down % Read more 👇 jakearchibald.com/2025/fetch-str…


Guide assistive tech with aria-orientation 🧭 The aria-orientation attribute helps screen readers and other assistive tech understand how a UI component is laid out, horizontal or vertical, with widgets like ↕️ Sliders ↔️ Tabs 🔼 Treeviews Read more 👇 developer.mozilla.org/en-US/docs/Web…


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…


We’d love your feedback! 📣 Take our quick 1–2 minute survey on using ReadableStream as a request body with the Fetch API. Your input helps shape browser support and prioritize real-world use cases. Share your thoughts 📝 survey.alchemer.com/s3/8460326/Fet…


MDN Web Docs さんがリポスト

Such a nice little setting. Many people don't know how many attributes you can edit in a lot of fonts, for both accessibility and design choices

Need your numbers to line up? Or prefer old-school serif-style numerals? CSS has a property for that: font-variant-numeric // font-variant-numeric: tabular-nums; ✅ Tabular vs proportional ✅ Lining vs oldstyle ✅ Even supports slashed zero Read more 👇 developer.mozilla.org/en-US/docs/Web…



Need your numbers to line up? Or prefer old-school serif-style numerals? CSS has a property for that: font-variant-numeric // font-variant-numeric: tabular-nums; ✅ Tabular vs proportional ✅ Lining vs oldstyle ✅ Even supports slashed zero Read more 👇 developer.mozilla.org/en-US/docs/Web…


Need to watch for DOM changes without running expensive polling logic? Use a MutationObserver, it tracks changes to elements in real time. ✅ Efficient ✅ Native ✅ Great for components that react to dynamic content How it works + what to observe 👇 developer.mozilla.org/en-US/docs/Web…


Simple, native, reliable. 📌 Relative URLs can be weird, but the URL API makes resolving them super clean. 🚫 Not string concat ✅ Real path resolution 📎 new URL() throws on bad input 📎 URL.parse() returns null instead Here's a breakdown 👇 developer.mozilla.org/en-US/docs/Web…


Did you share your opinion yet? 🤔 We're running a short survey (1–2 min) to understand interest in using ReadableStream as a request body in the Fetch API. Help us guide implementation priorities. Fill up the survey! 👇 survey.alchemer.com/s3/8460326/Fet…

MozDevNet's tweet image. Did you share your opinion yet? 🤔

We&apos;re running a short survey (1–2 min) to understand interest in using ReadableStream as a request body in the Fetch API.

Help us guide implementation priorities.

Fill up the survey! 👇
survey.alchemer.com/s3/8460326/Fet…

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.