Home of the MDN live code editor interactive examples
HTML JavaScript CSS Shell
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
.github Add a new line for markdown bullet list (#1028) Jul 12, 2018
__tests__ Issue#223 small tweaks to tabbed editor heights (#972) Jun 13, 2018
bin Fix media sync Dec 1, 2017
css fix(tabbed): load fonts as part of the editor css as @font-face does … Jul 10, 2018
js Issue #1013 <style> elements in HTML editor break editor's render met… Jul 6, 2018
lib Revert "Use semicolon in inlined perf code" (#1105) Aug 8, 2018
live-examples Improve example code (#1111) Aug 16, 2018
media Replace header image with a CC0 one (#1100) Aug 9, 2018
tmpl fix(perf): adds and inlines perf.js ~ Fix issue #976 (#977) Jun 26, 2018
.all-contributorsrc chore(community): add @jpmedley as a contributor (#1104) Aug 8, 2018
.editorconfig Update to README, bug fix, adds editorconfig May 17, 2017
.eslintignore Adds eslint to precommit (#673) Mar 25, 2018
.eslintrc.js Remove debug logging (#987) Jun 22, 2018
.gitignore fix(tabbed-editor): issue #860, isolate CSS to output (#927) May 19, 2018
.prettierrc fix(performance): send loadEventEnd to parent via postMessage (#967) Jun 12, 2018
.stylelintignore Adds stylelint as precommit hook (#675) Mar 23, 2018
.stylelintrc Updates based on review feedback, fix css lint error May 16, 2017
.travis.yml Adds the groundwork for puppeteer tests and on test for the js editor ( Mar 20, 2018
CODE_OF_CONDUCT.md Add code of conduct Dec 4, 2017
CONTRIBUTING-CSS.md Improve html contrib guide (#755) Apr 20, 2018
CONTRIBUTING-HTML.md fix(tabbed): load fonts as part of the editor css as @font-face does … Jul 10, 2018
CONTRIBUTING-JavaScript.md Improve html contrib guide (#755) Apr 20, 2018
CONTRIBUTING.md chore(docs): update README with maintainers and good first issues (#934) May 30, 2018
CSS-Example-Style-Guide.md Adds note regarding CSS code style and link to docs (#631) Mar 5, 2018
JS-Example-Style-Guide.md Use sentence case for headings Dec 7, 2017
Jenkinsfile Set different cache times for different assets to fix #334 Nov 16, 2017
LICENSE Change license to CC0 May 16, 2017
README.md chore(community): add @jpmedley as a contributor (#1104) Aug 8, 2018
index.js Adds the first iteration of HTML examples (#512) Feb 2, 2018
jest-puppeteer.config.js fix: run tests on different port than dev server (#871) May 3, 2018
package-lock.json chore(deps): update dependency jest to v23.5.0 (#1109) Aug 14, 2018
package.json chore(deps): update dependency jest to v23.5.0 (#1109) Aug 14, 2018
renovate.json Configure Renovate (#850) Apr 30, 2018
site.json fix(tabbed): load fonts as part of the editor css as @font-face does … Jul 10, 2018
travis-deploy-pages Allow an empty commit for travis deploy Jan 11, 2018

README.md

interactive-examples

Build Status code style: prettier

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

💻

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