MDN Web Docs changelog

This document provides a record of MDN content processes, constructs, and best practices that have changed, and when they changed. It is useful to allow regular contributors to check in and see what has changed about the process of creating content for MDN.

October 2022

The MDN project documentation is refreshed and organized under two main categories:

  • Writing: Documentation about how to write for MDN, what we document, definitions of experimental, style guidelines and so on are found under the Writing guidelines pages.
  • Community: Information about open source etiquette, discussions, processes for pull requests and issues, users and teams, and general hints for contributors are found under the Community pages.

For more details on what has changed, see the Revamp of MDN Web Docs Contribution Docs blog post published to Mozilla Hacks.

November 2021

Conversion to Markdown is done, so remove the old CSS style guide and redirect to the Markdown in MDN page.

July 2021

Updates to CSS style guide for Markdown

Multiple updates to the CSS style guide to reflect the move towards Markdown, and encourage authors to write HTML in a Markdown-compatible way.

  • Note and warning boxes no longer have a separate <h4> heading for the title (e.g. <h4>Warning</h4>).

    See our Markdown in MDN guide for the correct syntax.

  • The seoSummary class should no longer be used.

  • The standard-table class should no longer be used. The styling provided by this class is now applied to tables by default.

  • The <details> element should no longer be used.

  • The hidden, example-good, and example-bad classes used to be primarily for code blocks but could be used on other elements. Now they can only be used on code blocks.

February 2021

Multiline JavaScript and API syntax blocks

Previously, the syntax blocks of JavaScript builtin and WebAPI methods that can be used in multiple different ways (i.e. various parameters are optional) were commonly written using BNF formal syntax notation. Most notably, square brackets were used to signify optional parameters.

This was problematic — many developers were confused by this, and it conflicts with valid syntax forms in other programming languages (e.g. [] is also an array in JavaScript).

As a result, going forward we are now writing multiple syntax forms of a method on separate lines inside the syntax block. See Syntax sections > Multiple lines/Optional parameters for further information and examples.

Documenting mixins

Interface mixins in Web IDL are used in specifications to define Web APIs. For web developers, they aren't observable directly; they act as helpers to avoid repeating API definitions.

Previously we commonly defined a landing page for a mixin class itself, and put the defined members on subpages underneath it, before linking to those from the landing pages of the interfaces that implement those mixins. This was confusing for readers because mixins are spec constructs — you never access the defined members using the mixin classes. To avoid this confusion we've instead put the pages for members defined on mixins directly under the implementing class pages. For more details, see the guide page on how to write an API reference and the discussion leading to this change at mdn/content#1940.

January 2021

Markup for note and warning boxes

Previously on MDN, note and warning boxes would be wrapped by <div> elements with note and warning classes, respectively. More often than not, their first paragraphs would start with a <strong>-wrapped note or warning text.

In January this changed — the class attribute should now include an additional notecard class, and the strong text is instead included in a heading at the top of the block.

See our Markdown in MDN guide for further information and syntax guides.