Introdução

Code Playground é uma ferramenta para editar e testar aplicações Web, utilizando HTML, CSS e JavaScript de forma online.

Com esse tipo de ferramenta é possível configurar pré-compiladores HTML, CSS e JavaScript, por exemplo:

• HTML – Hml, Markdown, Slim e Pug
• CSS – LESS, SCSS, Sass, Stylus e PostCSS
• Javascript – CoffeeScript, LiveScript, TypeScript e Babel

Soluções

Abaixo, seguem algumas boas soluções:

• Codepen – http://codepen.io/
• JSBin – http://jsbin.com/
• Plunker – https://plnkr.co/
• CSSDeck – http://cssdeck.com/
• Dabblet – http://dabblet.com/
• Liveweave – http://liveweave.com/
• JSFiddle – http://jsfiddle.net/

Conclusão

Entre os que mais se destacam, encontram-se o Codepen (possui mais pré-processadores Javascript), CSSDeck (bastante utilizado). Porém, assim como ocorrem com editores (Visual Studio Code, Atom, Sublime e Vim), a escolha depende da melhor adequação da ferramenta ao desenvolvedor.