CodePen es una herramienta muy útil para desarrolladores, que permite probar al mismo tiempo el código HTML, los estilos CSS y el Javascript al tiempo que programan sus frontends.

Es muy sencillo de utilizar, simplemente creamos un «Pen» y tendremos nuestras tres áreas para escribir nuestro código. Podemos añadir nuestro HTML, después estilos y trozos de Javascript e ir viendo cómo queda debajo, todo en directo. Con cada cambio que introduzcamos podemos ver el resultado inmediatamente.

La herramienta permite además importar librerías como jQuery y otras muchas (también propias del programador si proporciona la URL), hojas de estilos y muchas otras cosas más.

Lo encuentro extremadamente útil para compartir código y enseñar cómo funciona, y llevo idea de utilizarlo de ahora en adelante para que podáis ver mis ejemplos funcionando online.

También podéis incrustarlo en una web. Para que veais cómo queda, os dejo un ejemplo aquí debajo.

[CodePen height=150 show=html href=bhsvm user=llatasa ]

Podéis verlo a pantalla completa desde aquí.

Hasta aquí mi entrada de hoy. Otro día más y mejor! 🙂