interactive-examples

Home of the MDN interactive code examples.

Project maintainers

Should you have any questions regarding this project, please feel feel to @mention either @wbamberg or @schalkneethling

Good first issues

Want to contribute to the interactive examples project? Here are a couple of good first issues to get you started. Thanks!

Good first issues

Folder structure

[css] - This contains the CSS used by the base templates.
[js] - This contains the JS used by the base templates.
[live-examples] - This contains the live example CSS and JS fragments.
[media] - The contains images used by the live examples and templates.
[tmpl] - The base templates.

The dynamically generated pages, their dependencies, and assets are generated to the prod branch.

Browser support baseline

The following is a list of browser/version combinations that are supported by the interactive editor. In browsers that do not meet the criteria, the editor degrades gracefully to displaying static examples.

Firefox - Latest three release versions.
Chrome - Latest three release versions.
Opera - Latest two release versions.
Safari - Latest two release versions.
Internet Explorer - version 11.
Edge - Latest release version.

Contributing

If you're interested in contributing to this project, great! Please see the CONTRIBUTING document.

Contributors

Thanks goes to these wonderful people (emoji key):

_{Schalk Neethling} 💻 📖 ⚠️	_{Mark Boas} 💻 📖	_{William Bamberg} 💻 📖	_{Stephanie Hobson} 💻	_{Josh Mize} 💻	_{Chris Mills} 📖 💻	_{Dave Parfitt} 💻
_{Normal Human} 📖	_{Gal Pasternak} 📖	_SphinxKnight 💻	_{Ayush Gupta} 💻	_{John Whitlock} 💻 🚇	_mfluehr 💻 📖	_{Paul Irish} 💻
_{Dhruv Jain} 💻	_{Ivan Ng} 💻	_CShepartd 💻	_Kenrick 💻 ⚠️	_{Anton Boyko} 💻	_{Daniel Hickman} 💻	_{Rachel Andrew} 💻
_{Helmut Granda} 💻	_{Dominic Duffin} 💻	_{Darek Antkowicz} 💻	_Ben 💻	_{Ben Stokes} 💻	_{Veekas Shrivastava} 💻	_{Brian Macdonald} 💻
_{Mathias Arens} 💻	_{Clément P} 💻	_{Patrick Lienau} 💻	_yisibl 💻	_{Ian Sanders} 💻	_{Nikolay Puzyrev} 💻	_{Marek Pepke} 💻
_{Rudz Boy} 💻	_{Simon Wörner} 💻	_{Martijn Thé} 💻	_Abhishek 💻	_{Chen Hui Jing} 💻	_{Mats Palmgren} 💻	_{Florian Scholz} 💻
_{Adilson Sandoval} 💻	_{Eric Shepherd} 💻	_{Leonard Lee} 💻	_{Théis Bazin} 💻	_{Neha Nupoor} 💻	_{Stephan Max} 💻	_{Christian Stuff} 💻
_{Yahya Elharony} 💻	_Arkangus 💻	_{Robert Katzki} 💻	_arai-a 💻	_daGo 💻	_{Max Donchenko} 💻	_{Taylor Hunt} 💻
_Enguerran 💻	_{Estelle Weyl} 💻	_{Jon Borglund} 💻	_{Joe Medley} 💻	_{Ryan Johnson} 💻	_{Irene Smith} 💻	_Melissa 💻
_{Roy Revelt} 💻	_{Konstantin Rouda} 💻	_{Gene Wood} 💻	_{Dan Levy} 💻	_{Arjan Einbu} 💻	_{Solomon Jones} 💻	_{Olle Lauri Boström} 💻
_{Seren D} 💻	_{Tremaine Neethling} 💻	_Flying-Toast 💻	_{Dimitri Belopopsky} 💻	_{Karl Stolley} 💻	_{Liz Lawley} 💻	_{Daniel Holbert} 💻
_{Kevin Simper} 💻	_{Romulo Cintra} 💻	_Hassan 💻	_{Velu S Gautam} 💻

This project follows the all-contributors specification. Contributions of any kind welcome!

Dec	JAN	Feb
	16
2019	2020	2021

Name	Latest commit message	Commit time
Failed to load latest commit information.
.github	Add a new line for markdown bullet list (#1028 )	Jul 12, 2018
bin	Build script now will now set HOME variable to /mdn (#1417 )	Aug 20, 2019
live-examples	Replace some .html example sources with .js (#1528 )	Jan 16, 2020
media	Fix css guide image (#1475 )	Nov 6, 2019
.all-contributorsrc	Adds @ichthub as a contributor (#1278 )	Jan 8, 2019
.editorconfig	Editor config fix (#1143 )	Sep 13, 2018
.eslintignore	Adds eslint to precommit (#673 )	Mar 25, 2018
.eslintrc.js	Issue#1005 web api examples editor (#1142 ) (#1174 )	Oct 11, 2018
.gitignore	Build script now will now set HOME variable to /mdn (#1417 )	Aug 20, 2019
.prettierrc	fix(performance): send loadEventEnd to parent via postMessage (#967 )	Jun 12, 2018
.stylelintignore	Adds stylelint as precommit hook (#675 )	Mar 23, 2018
.stylelintrc
.travis.yml	Remove travisbuddy (#1527 )	Jan 15, 2020
CODE_OF_CONDUCT.md	Adds Mozilla COC fixes issue#1335 (#1337 )	Apr 5, 2019
CONTRIBUTING-CSS.md	Issue#1005 web api examples editor (#1142 ) (#1174 )	Oct 11, 2018
CONTRIBUTING-HTML.md	Issue#1192 links to media files broken (#1197 )	Oct 23, 2018
CONTRIBUTING-JavaScript.md	Issue#1005 web api examples editor (#1142 ) (#1174 )	Oct 11, 2018
CONTRIBUTING.md	Issue#1005 web api examples editor (#1142 ) (#1174 )	Oct 11, 2018
CSS-Example-Style-Guide.md	Fix css guide image (#1475 )	Nov 6, 2019
JS-Example-Style-Guide.md	ES6 updates for the guide (#1514 )	Jan 2, 2020
Jenkinsfile	Clean up workspace after build completes (#1375 )	Jul 9, 2019
LICENSE	Change license to CC0	May 16, 2017
README.md	Atomics ES6 fix (#1484 )	Nov 14, 2019
package-lock.json	Update dependency mdn-bob to v1.1.43 (#1525 )	Jan 14, 2020
package.json	Update dependency mdn-bob to v1.1.43 (#1525 )	Jan 14, 2020
renovate.json	Update renovate config with assignees and labels (#1363 )	May 26, 2019
travis-deploy-pages	Allow an empty commit for travis deploy	Jan 11, 2018

mdn / interactive-examples

Join GitHub today

Clone with HTTPS

Downloading

Launching GitHub Desktop

Launching GitHub Desktop

Launching Xcode

Launching Visual Studio

README.md

interactive-examples

Project maintainers

Good first issues

Folder structure

Browser support baseline

Contributing

Contributors