hamishwillee / interactive-examples

Home of the MDN live code editor interactive examples

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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 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

πŸ’»

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

About

Home of the MDN live code editor interactive examples

License:Creative Commons Zero v1.0 Universal


Languages

Language:HTML 70.7%Language:JavaScript 18.4%Language:CSS 10.5%Language:Shell 0.4%