awesome
A curated list of awesome things related to MDN.
https://github.com/mdn/awesome
Last synced: 2 days ago
JSON representation
-
Contributor tools
-
- tristantheb/history-content - content/?lang=es), [fr](https://tristantheb.github.io/history-content/), [ja](https://tristantheb.github.io/history-content/?lang=ja), [ko](https://tristantheb.github.io/history-content/?lang=ko), [pt-br](https://tristantheb.github.io/history-content/?lang=pt-br), [ru](https://tristantheb.github.io/history-content/?lang=ru), [zh-cn](https://tristantheb.github.io/history-content/?lang=zh-cn), [zh-tw](https://tristantheb.github.io/history-content/?lang=zh-tw)) - This is a dynamic project that displays changes to pages in translated languages, allowing contributors to easily see which pages need to be updated or translated in all languages in the [mdn/translated-content](https://github.com/mdn/translated-content) repository.
- skyclouds2001/mdn-tool - A tool focusing on maintaining [mdn/data](https://github.com/mdn/data) repo, using feature information from [content repo](https://github.com/mdn/content), [bcd](https://github.com/mdn/browser-compat-data) to keep data consistent with latest browser support.
- OnkarRuikar/markdownlint-rule-search-replace - A [markdownlint](https://github.com/DavidAnson/markdownlint) plugin built to handle [custom linting needs](https://github.com/mdn/content/blob/cebc05cfe508d5cd8c6a98359a3913cf19a707d3/.markdownlint.jsonc#L122-L235) of the MDN content.
- xyy94813/mdn-site - Helper scripts for MDN translation tasks, such as initializing an environment, copying specific files, and adding origin commit hashes to translated files in `mdn/translated-content`.
- skyclouds2001/mdn-tool - A tool focusing on maintaining [mdn/data](https://github.com/mdn/data) repo, using feature information from [content repo](https://github.com/mdn/content), [bcd](https://github.com/mdn/browser-compat-data) to keep data consistent with latest browser support.
- OnkarRuikar/markdownlint-rule-search-replace - A [markdownlint](https://github.com/DavidAnson/markdownlint) plugin built to handle [custom linting needs](https://github.com/mdn/content/blob/cebc05cfe508d5cd8c6a98359a3913cf19a707d3/.markdownlint.jsonc#L122-L235) of the MDN content.
- xyy94813/mdn-site - Helper scripts for MDN translation tasks, such as initializing an environment, copying specific files, and adding origin commit hashes to translated files in `mdn/translated-content`.
- PassionPenguin/mdn_l10n_helper - A helper site for comparing the localized content of a specific branch and repository against the latest `mdn/content` source content.
- cheeslide/mdn-translation-analytics - An automated service powered by GitHub Action to help translators find jobs through analysis.
- cheeslide/mdn-translation-analytics - An automated service powered by GitHub Action to help translators find jobs through analysis.
- PassionPenguin/mdn_l10n_helper - A helper site for comparing the localized content of a specific branch and repository against the latest `mdn/content` source content.
- Web platform missing reference pages - Displays documentation missing from MDN, filtered by the Baseline status or browser implementation.
-
VSCode extension for contributors
- MDN Macro Syntax - This VSCode extension allows content and l10n contributors to view macro syntax, quickly write new macros, see explanations of their usage, and access several other features that make reading and translating pages easier (see [the extension documentation](https://github.com/tristantheb/mdn-macros-syntax/blob/main/README.md)).
-
-
Projects using BCD
-
VSCode extension for contributors
- ast-metadata-inferer - NPM package that annotates JavaScript AST nodes with metadata derived from BCD data. Used by [eslint-plugin-compat](https://www.npmjs.com/package/eslint-plugin-compat).
- JetBrains WebStorm - IDE that uses BCD data to [check browser support of used CSS properties](https://www.jetbrains.com/guide/javascript/tips/browser-compatibility-css/) (see [2019.1 releasenotes](https://web.archive.org/web/20190524063428/http://www.jetbrains.com/webstorm/whatsnew/#:~:text=Browser%20compatibility%20check%20for%20CSS)) by [generating feature lists with support data](https://github.com/JetBrains/intellij-community/blob/master/xml/xml-psi-impl/mdn-doc-gen/src/GenerateMdnDocumentation.kt).
- npm module
- Add-ons Linter - NPM package that checks add-ons for features that aren't supported by the targeted Firefox version. Used by [addons.mozilla.org](https://addons.mozilla.org/) and the [web-ext](https://github.com/mozilla/web-ext/) tool.
- BCD Watch - Website that shows a weekly report of BCD changes.
- caniuse - Website that shows browser support tables based on caniuse and BCD data.
- caniuse-lite - NPM package that republishes BCD data in the caniuse format.
- CanIUse Embed - Service that allows embedding caniuse (including BCD data) into any website.
- css-declaration-sorter - NPM package that sorts CSS properties alphabetically.
- csstype - NPM package that publishes strict TypeScript/Flow types for CSS.
- Compat Report - Firefox Add-on that shows BCD data for the current site in the developer tools.
- compat-tester - NPM package that scans HTML, CSS, and JS files for compatibility issues.
- JSR - Package registry that uses BCD data to [generate a list of web builtins](https://github.com/jsr-io/jsr/blob/main/tools/generate_web_symbols.ts).
- TypeScript - A programming language that uses BCD data to [generate DOM typings](https://github.com/microsoft/TypeScript-DOM-lib-generator).
- Visual Studio Code - IDE that uses BCD to show compatibility information for [CSS features](https://github.com/microsoft/vscode-custom-data/blob/c008a80baa3c6ea9d6757d2640eaab215b28f9a6/web-data/css/generateData.js#L349) (see [VSCode 1.25 release notes](https://code.visualstudio.com/updates/v1_25#_improved-accuracy-of-browser-compatibility-data)), and to [extract MDN urls for HTML elements](https://github.com/microsoft/vscode-custom-data/blob/c008a80baa3c6ea9d6757d2640eaab215b28f9a6/web-data/html/generateData.js#L53-L67).
- web-features - NPM package that publishes web feature groups with Baseline statuses based on BCD data.
- web-features-explorer - Website that visualizes web features by Baseline status and month.
- `webhint.io` - Tool that uses BCD to checks CSS and HTML for unsupported features (see [`@hint/utils-compat-data` package](https://github.com/webhintio/hint/tree/main/packages/utils-compat-data)).
- World Wide Web Consortium (W3C) - An international community that develops web standards uses BCD [to link MDN documents](https://github.com/w3c/mdn-spec-links#mdn-spec-links) to the features in the published web standards.
-
- npm module
- Add-ons Linter - NPM package that checks add-ons for features that aren't supported by the targeted Firefox version. Used by [addons.mozilla.org](https://addons.mozilla.org/) and the [web-ext](https://github.com/mozilla/web-ext/) tool.
- ast-metadata-inferer - NPM package that annotates JavaScript AST nodes with metadata derived from BCD data. Used by [eslint-plugin-compat](https://www.npmjs.com/package/eslint-plugin-compat).
- BCD Watch - Website that shows a weekly report of BCD changes.
- caniuse - Website that shows browser support tables based on caniuse and BCD data.
- caniuse-lite - NPM package that republishes BCD data in the caniuse format.
- CanIUse Embed - Service that allows embedding caniuse (including BCD data) into any website.
- JetBrains WebStorm - IDE that uses BCD data to [check browser support of used CSS properties](https://www.jetbrains.com/guide/javascript/tips/browser-compatibility-css/) (see [2019.1 releasenotes](https://web.archive.org/web/20190524063428/http://www.jetbrains.com/webstorm/whatsnew/#:~:text=Browser%20compatibility%20check%20for%20CSS)) by [generating feature lists with support data](https://github.com/JetBrains/intellij-community/blob/master/xml/xml-psi-impl/mdn-doc-gen/src/GenerateMdnDocumentation.kt).
- css-declaration-sorter - NPM package that sorts CSS properties alphabetically.
- JSR - Package registry that uses BCD data to [generate a list of web builtins](https://github.com/jsr-io/jsr/blob/main/tools/generate_web_symbols.ts).
- csstype - NPM package that publishes strict TypeScript/Flow types for CSS.
- Compat Report - Firefox Add-on that shows BCD data for the current site in the developer tools.
- compat-tester - NPM package that scans HTML, CSS, and JS files for compatibility issues.
- web-features - NPM package that publishes web feature groups with Baseline statuses based on BCD data.
- web-features-explorer - Website that visualizes web features by Baseline status and month.
- `webhint.io` - Tool that uses BCD to checks CSS and HTML for unsupported features (see [`@hint/utils-compat-data` package](https://github.com/webhintio/hint/tree/main/packages/utils-compat-data)).
- TypeScript - A programming language that uses BCD data to [generate DOM typings](https://github.com/microsoft/TypeScript-DOM-lib-generator).
- Visual Studio Code - IDE that uses BCD to show compatibility information for [CSS features](https://github.com/microsoft/vscode-custom-data/blob/c008a80baa3c6ea9d6757d2640eaab215b28f9a6/web-data/css/generateData.js#L349) (see [VSCode 1.25 release notes](https://code.visualstudio.com/updates/v1_25#_improved-accuracy-of-browser-compatibility-data)), and to [extract MDN urls for HTML elements](https://github.com/microsoft/vscode-custom-data/blob/c008a80baa3c6ea9d6757d2640eaab215b28f9a6/web-data/html/generateData.js#L53-L67).
- World Wide Web Consortium (W3C) - An international community that develops web standards uses BCD [to link MDN documents](https://github.com/w3c/mdn-spec-links#mdn-spec-links) to the features in the published web standards.
-
-
Official resources
- About MDN - MDN's mission, team, partners, and projects.
- Content Repo - Source repository for MDN's (en-US) documentation and examples.
- Yari - MDN's React-based frontend, including tools for managing content.
- BCD - Browser compatibility data for web technologies used on MDN and other projects.
- Firefox release notes for developers - Changes in Firefox releases that developers can target in their projects.
- MDN Blog - Official blog with updates, news, and insights from the MDN team.
- Content Repo - Source repository for MDN's (en-US) documentation and examples.
- Yari - MDN's React-based frontend, including tools for managing content.
- BCD - Browser compatibility data for web technologies used on MDN and other projects.
- Firefox release notes for developers - Changes in Firefox releases that developers can target in their projects.
- About MDN - MDN's mission, team, partners, and projects.
- MDN Blog - Official blog with updates, news, and insights from the MDN team.
- Rari - MDN's build system.
-
Community
Programming Languages
Sub Categories