interactive-examples

Home of the MDN interactive code examples.

Project maintainers

Should you have any questions regarding this project, please feel free 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] - This 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} 💻