Skip to main content Documenting CSS , HTML , and JavaScript , since 2005. Featured articles Blog Celebrating 20 years of MDN MDN turns 20! Let's look at how we started, how MDN became the most trusted resource for web developers, the impact it's had on the open web, and yes, there's cake, too. Celebrating 20 years of MDN MDN turns 20! Let's look at how we started, how MDN became the most trusted resource for web developers, the impact it's had on the open web, and yes, there's cake, too. Web APIs Navigation API The Navigation API provides the ability to initiate, intercept, and manage browser navigation actions. It can also examine an application's history entries. This is a successor to previous web platform features such as the History API and window.location, which solves their shortcomings and is specifically aimed at the needs of single-page applications (SPAs). The Navigation API provides the ability to initiate, intercept, and manage browser navigation actions. It can also examine an application's history entries. This is a successor to previous web platform features such as the History API and window.location, which solves their shortcomings and is specifically aimed at the needs of single-page applications (SPAs). Web APIs Trusted Types API The Trusted Types API gives web developers a way to ensure that input has been passed through a user-specified transformation function before being passed to an API that might execute that input. This can help to protect against client-side cross-site scripting (XSS) attacks. Most commonly the transformation function sanitizes the input. Trusted Types API The Trusted Types API gives web developers a way to ensure that input has been passed through a user-specified transformation function before being passed to an API that might execute that input. This can help to protect against client-side cross-site scripting (XSS) attacks. Most commonly the transformation function sanitizes the input. CSS Using CSS anchor positioning The CSS anchor positioning module defines features that allow you to tether elements together. Elements can be defined as anchor elements and anchor-positioned elements. Anchor-positioned elements can be bound to anchor elements. The anchor-positioned elements can then have their size and position set relative to the size and location of the anchor elements to which they are bound. Using CSS anchor positioning The CSS anchor positioning module defines features that allow you to tether elements together. Elements can be defined as anchor elements and anchor-positioned elements. Anchor-positioned elements can be bound to anchor elements. The anchor-positioned elements can then have their size and position set relative to the size and location of the anchor elements to which they are bound. developer.mozilla.org Introducing the MDN MCP server 3 months ago MDN's MCP server brings MDN's documentation and browser compatibility data directly into your editor or IDE, giving your LLM or coding agent access to accurate, up-to-date web platform information. Introducing the MDN MCP server MDN's MCP server brings MDN's documentation and browser compatibility data directly into your editor or IDE, giving your LLM or coding agent access to accurate, up-to-date web platform information. developer.mozilla.org Under the hood of MDN's new frontend 5 months ago You may have spotted that MDN has a new frontend. There's plenty happening under the surface, so let's unpack the technologies we chose, the architectural decisions we made, and why we did a rebuild at all. Under the hood of MDN's new frontend

You may have spotted that MDN has a new frontend. There's plenty happening under the surface, so let's unpack the technologies we chose, the architectural decisions we made, and why we did a rebuild at all. developer.mozilla.org Image formats: Codecs and compression tools 11 months ago Image compression involves countless trade-offs between quality, size, and speed. In this final part of the series, we experiment with codecs, metrics, and tools to find practical ways to balance efficiency and visual fidelity. Image formats: Codecs and compression tools Image compression involves countless trade-offs between quality, size, and speed. In this final part of the series, we experiment with codecs, metrics, and tools to find practical ways to balance efficiency and visual fidelity. developer.mozilla.org A beginner-friendly guide to view transitions in CSS 11 months ago Learn how to bring smooth, animated navigation to multi-page apps with view transitions. With just one line of CSS, you can enable seamless transitions between pages. A beginner-friendly guide to view transitions in CSS Learn how to bring smooth, animated navigation to multi-page apps with view transitions. With just one line of CSS, you can enable seamless transitions between pages. Recent contributions mdn/content 10 hours ago Add random() to CSS functions page mdn/content 7 hours ago ci(dependabot): align Dependabot configuration mdn/content 6 hours ago FF154 No-Vary-Search updates mdn/translated-content 3 hours ago chore(fr): update of `Web/CSS/Guides/Flexible_box_layout/Use_cases` mdn/translated-content 2 hours ago chore(fr): update of `Web/CSS/Guides/Flexible_box_layout/Wrapping_items` mdn/translated-content 2 hours ago chore(fr): translation of `Web/CSS/Guides/Font_loading` mdn/translated-content 2 hours ago chore(fr): update of `Web/CSS/Guides/Fonts` mdn/translated-content 2 hours ago chore(fr): update of `Web/CSS/Guides/Fonts/OpenType_fonts` mdn/content 56 minutes ago Include textPath compat data on lengthAdjust page mdn/content 41 minutes ago Fix internal links Contributor Spotlight