Editor de código online con resultados en tiempo real

Codepen es una excelente herramienta web que nos permite editar distintos lenguajes de programación y ver el resultado de tu código al instante. Para poder utilizar esta herramienta necesitaremos estar registrados en Github y después conectar la cuenta a Codepen. Primero vamos a Github.com, damos clic en el botón que se ve en la imagen despues de eso llenamos nuestros datos. Esta listo, una vez creada la cuenta podemos ir a codepen.io, al estar ahí damos clic en Github login y nos pedirá los datos los llenan y listo. Una vez accedido podemos crear un "New Pen" que es como se le llama a un nuevo proyecto ahí, damos clic donde muestra la imagen a continuación y listo puedes editar. Ya terminado lo anterior te llevará a la página donde puedes crear lo que quieras editando el código ya sea HTML, CSS o javascript, y en la parte inferior irás viendo tu resultado.