Online Code Editors – Essential tools for collaboration, prototyping, and development

Here’s a list of code editors you can use in your browser for fun, experimentation, and collaboration:

  • jsFiddle – My favorite online code editor for Javascript/CSS. Embeddable, free, and built-in live collaboration. “Throw it in a jsFiddle” – my new catchphrase.
  • CodePen – A front-end developer’s dream. Founded in part by Chris Coyier (the CSS-Tricks guru), CodePen is actively developed and widely used. The front page is filled with inspiration, and they support straight-up HTML/CSS/JS along with HAML, Markdown, Slim, Jade, SASS, LESS, Coffeescript, and many other front-end technologies.
    • WriteCodeOnline – Want to quickly test some PHP code? This online editor lacks collaboration features, but gets the job done.