awesome
A curated list of awesome things related to MDN.
https://github.com/mdn/awesome
Last synced: 4 days ago
JSON representation
-
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.
- 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.
- Content Repo - Source repository for MDN's (en-US) documentation and examples.
- MDN Blog - Official blog with updates, news, and insights from the MDN team.
-
Contributor tools
- 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`.
- 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.
- 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.
-
Projects using BCD
- 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.
- 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.
- npm module
- 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.
- 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).
- 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).
- 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.
- 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).
- 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.
- 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).
- 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)).
- 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.
- 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.
- 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.
-
Community
Programming Languages
Sub Categories