¿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?
- Distintos lenguajes de programación web: HTML, XHTML, CSS, SCSS, SASS, Javascript, Typescript, Coffeescript, Vue, React, etc.
- Guardado y compartición de código de manera pública (es necesario tener cuenta y estar logueado) y privada (versión premium).
- Bifurcación de código (fork).
- Opciones de edición de código: verificación de sintaxis, sangría automática, autocompletar, etc.
- Opciones de formateo de código, análisis, maximización y minimización, etc.
- 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
Web oficial
Versiones
Sólo online
Precio
Versión gratuita
Versión de pago (8€/mes o 96€/año)
Y tú, ¿la has probado? ¿Qué te parece? ¿Conoces alternativas interesantes? ¡Déjame un comentario y cuéntamelo!
Saludos
Conocía la herramienta más no todos sus usos y formas de configuración.
Gracias por el vídeo, cómo siempre todo muy bien explicado.
Lourdes Díaz
¡Pues es una herramienta fantástica! Pero sin duda, yo me quedo con JSFiddle. Échale un ojo 😉