MDN Web Docs

@developer.mozilla.org

3227 Followers 5 Following

The official MDN Web Docs account, now on Bluesky. We deliver the best web docs around. Visit → https://mdn.dev Contribute → https://mdn.dev/community

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 release notes feature a minimalist design with soft colors, highlighting new capabilities for web extensions.

Firefox 150 release notes with a smooth background design featuring soft waves in pastel colors.

Firefox 150 release notes feature a pastel background with waves, emphasizing updates and new features.

Firefox 150 release notes highlighted with a light background and wavy design, inviting users to read more.

Firefox 150 release notes feature a pastel background with wavy patterns, highlighting the new color-mix() function for CSS.

Firefox 150 release notes feature a soft pastel background with text highlighting updates and a call to action to read more.

Code snippet showcasing CSS Subgrid implementation with defined grid properties for a main grid, items, and sub-items.

Dark-themed code snippet showing URLPattern examples on MDN: two JavaScript blocks matching "/books" and "/books/:id" with console.log outputs.

Firefox 150 release notes feature a light background with pastel waves. Includes a clear call to action to read more about updates.

JavaScript code demonstrating `Promise.allSettled()` handling fulfilled and rejected promises, along with results logging output.

Code snippet demonstrating the use of Object.hasOwn() in JavaScript to check property existence in various scenarios.

Code snippet showcasing various CSS `backdrop-filter` functions like blur, brightness, contrast, and saturation against a blue background.

Code snippet illustrating CSS sibling selection with `li:has(+ li:last-of-type)` and style rules for color and font weight.

The graphic displays the syntax for the `caretPositionFromPoint()` function in a code snippet format against a blue background.

Code snippet demonstrating a simple popover with a toggle button, showcasing HTML attributes for functionality.

Code snippet demonstrating error handling in JavaScript using `try`, `catch`, and `Error.cause` for maintaining context during rethrowing.

CSS snippet detailing the `content-visibility` property with keyword and global values for efficient rendering practices.

Code snippet demonstrates using `ResizeObserver` to adjust element width dynamically based on its content size.

JavaScript code demonstrating `Promise.allSettled()` handling fulfilled and rejected promises, along with results logging output.

Syntax for `requestIdleCallback()` shown on a dark background, highlighting its parameters for managing browser idle time efficiently.

Code snippet demonstrating temporal date precision in JavaScript, highlighting differences in epoch milliseconds output.

Code snippet demonstrating the `toSorted()` method, showcasing sorting of arrays without mutating the original arrays.

Dark-themed code snippet showing URLPattern examples on MDN: two JavaScript blocks matching "/books" and "/books/:id" with console.log outputs.

CSS code snippet demonstrating styles for input and select elements with the :focus-visible pseudo-class for improved accessibility.

Code snippet demonstrating chaining of multiple ReadableStreams with TransformStream in a JavaScript context.

Code snippet demonstrating the syntax for the HTTP Clear-Site-Data header, including single, multiple, and wildcard directives.

Code snippet demonstrates a JavaScript function using `queueMicrotask()` to manage data loading and caching with event dispatching.

Code snippet demonstrating the use of Intl.ListFormat to format lists in different styles and types in JavaScript.

Syntax for the CSS property `object-fit`, showing values like contain, cover, fill, and scale-down on a dark background.

Code snippet demonstrating usage of URLSearchParams for manipulating URL parameters, including getting, setting, and appending values.

Event announcement for Tech Talks at Mozilla in Berlin on April 28, 2026, featuring talks, networking, and a raffle.

Event announcement for Tech Talks at Mozilla in Berlin on April 28, 2026, featuring talks, networking, and a raffle.

Code snippet illustrating the creation of a custom iterator class in JavaScript, showing methods for object iteration.

Firefox 150 release notes highlighted with a soft background, featuring announcement text and a call to action to read more.

JavaScript code demonstrates using `Object.fromEntries()` to convert a Map into a plain object with key-value pairs.

CSS code snippet shows various uses of the gap property in flexbox and grid layouts for consistent spacing between items.

Code snippets show the syntax for using the FormData constructor in JavaScript, including different parameter options.

JavaScript code showcasing the Intl.Segmenter for French text segmentation, demonstrating word granularity with expected output.

A dark-themed code editor displays CSS logical properties, including terms like block-size, border-block, and inset.

A dark interface with the syntax for creating a new AbortController, showcasing the command and context for web development.

Code snippet demonstrating the use of `self.crypto.randomUUID()` for generating a UUID in JavaScript, with a sample output shown.

JavaScript code snippet demonstrates using findLast() to locate the last element greater than 45 in an array. Expected output is 130.

Code snippet displaying CSS `text-wrap` properties, including various keyword and global value options for managing text wrapping styles.

CSS code examples for the color-mix() function demonstrate various blending methods and color spaces for creating color palettes.

Code snippet showcasing the syntax for initializing the IntersectionObserver with callback and options parameters.

A pink poster announces the Mozilla Tokyo Meetup on April 15, featuring talks and networking. QR code included for RSVP.

A pink poster announces the Mozilla Tokyo Meetup on April 15, featuring talks and networking. QR code included for RSVP.

CSS code snippet showing syntax for setting the hyphenate-character property, highlighting default and customizable options.

Code snippet demonstrating the syntax for the HTTP Clear-Site-Data header, including single, multiple, and wildcard directives.

A dark-themed code editor displays CSS syntax for the 'contain-intrinsic-size' property with various value examples and comments.

CSS code demonstrating the usage of image-set() for selecting images based on resolution and supported formats with gradients.

CSS hyphenation syntax is displayed, showing keyword and global values for the hyphens property, set against a gradient background.

Code snippets and headings showcase web development topics like HTML, CSS, and JavaScript optimization related to MDN's new frontend.

Code snippet showcasing CSS Subgrid implementation with defined grid properties for a main grid, items, and sub-items.

CSS code demonstrates nesting selectors. It shows styles for parent and child rules, illustrating parsing without preprocessors.

Code snippet demonstrates accessing the clipboard using the modern Clipboard API with async/await syntax.

The graphic displays the syntax for the `caretPositionFromPoint()` function in a code snippet format against a blue background.