Herramienta: Codepen

¿Qué es Codepen?

Codepen es un IDE online que permite a los usuarios editar y ejecutar código HTML, JavaScript y CSS en una sola página. Además, es posible utilizar alternativas a estos lenguajes como SCSS o SASS, Typescript, Coffeescript, etc.
Tiene una interfaz minimalista dividida en cuatro marcos principales correspondientes con los tres lenguajes citados anteriormente y un cuarto marco que muestra el resultado del proyecto ejecutado.

¿Qué características ofrece?

1. Distintos lenguajes de programación web: HTML, XHTML, CSS, SCSS, SASS, Javascript, Typescript, Coffeescript, Vue, React, etc.
2. Guardado y compartición de código de manera pública (es necesario tener cuenta y estar logueado) y privada (versión premium).
3. Bifurcación de código (fork).
4. Opciones de edición de código: verificación de sintaxis, sangría automática, autocompletar, etc.
5. Opciones de formateo de código, análisis, maximización y minimización, etc.
6. Comunidad de desarrolladores que comparten su código, con posibilidad de filtrar, guardar como favoritos, participar en retos, etc.

Análisis a fondo de la herramienta

Y tú, ¿la has probado? ¿Qué te parece? ¿Conoces alternativas interesantes? ¡Déjame un comentario y cuéntamelo!