54 open source projects by mdn

Example Firefox add-ons created using the WebExtensions API

Violent theremin uses the Web Audio API to generate sound, and HTML5 canvas for a bit of pretty visualization. The colours generated depend on the pitch and gain of the current note, which are themselves dependant on the mouse pointer position.

Code examples that accompany the MDN CSS documentation

A simple one page website created to help complete beginners learn HTML basics, which in this repo has also had some script added to help beginners learn JavaScript basics. The scripting is explained over the course of https://developer.mozilla.org/en-US/Learn/Getting_started_with_the_web/JavaScript_basics.

The content behind MDN Web Docs

A simple demo to show shared worker basics.

The project that powers MDN.

A simple one page website created to help complete beginners learn HTML basics. This example is built up over the course of https://developer.mozilla.org/en-US/Learn/Getting_started_with_the_web/HTML_basics

MDN Web Docs content issue management

Bringing scripting to the wiki bears.

A series of web components examples, related to the MDN web components documentation at https://developer.mozilla.org/en-US/docs/Web/Web_Components.

Basic blog site written in Django (part of MDN Django module assessment).

Using the <canvas> element to do software rendering of a 3D environment with ray-casting

Examples to support the MDN resource covering Firefox headless mode — see https://developer.mozilla.org/en-US/Firefox/Headless_mode

A repository for demos illustrating features of the Web Speech API. See https://developer.mozilla.org/en-US/docs/Web/API/Web_Speech_API for more details.

Meta repository that governs the MDN GitHub organization

Code examples that accompany various MDN DOM and Web API documentation pages

Local Library website written in Django; example for the MDN server-side development Django module: https://developer.mozilla.org/en-US/docs/Learn/Server-side/Django.

Code examples that accompany the MDN WebGL documentation

Local Library website written in NodeJS/Express; example for the MDN server-side development NodeJS module: https://developer.mozilla.org/en-US/docs/Learn/Server-side/Express_Nodejs.

Code examples that accompany the MDN WebAssembly documentation — see https://developer.mozilla.org/en-US/docs/WebAssembly.

MDN samples server; used for samples that can't be hosted in-place on MDN, plus back-end server-side code for samples that need it.

Service Worker test repository. This is a very simple demo to show basic service worker features in action.

Code examples that accompany the MDN Web Audio documentation

A simple web worker test.

Web Audio API-powered voice changer and visualizer

Examples for progressive web apps.

Code examples that accompany the MDN JavaScript/ECMAScript documentation

A repository of Fetch examples. See https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API for the corresponding documentation.

This repository contains general data for Web technologies

Home of the MDN live code editor interactive examples

Github repo for the MDN Learning Area.

The platform code behind MDN Web Docs

A sample MDN app that uses getUserMedia and MediaRecorder API for recording audio snippets, and The Web Audio API for visualizations.

This repository contains compatibility data for Web technologies as displayed on MDN

Enhanced version of the to-do app, which stores to-do items via IndexedDB, and then also aims to provide notifications when to-do item deadlines are up, via the Notification and Vibration APIs.

DEPRECATED | Use WebExtensions instead | Add-ons demonstrating how to use content scripts in the Add-on SDK.

(Deprecated) Make Sphinx docs look like MDN

Sample todo app built with the Vue framework

Sample todo app built with the React/ReactDOM framework.

No description, website, or topics provided.

[UNMAINTAINED] A simple template for writing web apps into, to save you some time when experimenting. Used in MDN web app demos. See https://developer.mozilla.org/en-US/docs/Web/Apps/App_coding_guidelines#Apps_template for more information on what this template contains.

A scalable set of icons for use across Mozilla Developer websites

A set of simple tests for testing WebVR functionality. See https://developer.mozilla.org/en-US/docs/Web/API/WebVR_API for the latest on the documentation.

Code examples that accompany the MDN HTML documentation: https://developer.mozilla.org/en-US/docs/Web/HTML

This content kit provides learning material to allow intermediate web developers to level up their skills, learning real world techniques to take them past rudimentary syntax towards a solid foundation of skills than can be utilized to create modern web applications. It'll be visual; you'll have fun along the way.

The repo that powers MDN Web Docs Insights.

The base Sass for Mozilla Developer based projects and products

MDN Web Docs Front-End style guide

The source repository of all translated content for MDN Web Docs