CodePen es un editor HTML, CSS y Javascript online ideal para compartir código fuente con los demás y previsualizar los cambios realizados al momento. El servicio se puede usar también como portafolio de trabajo ya que crea un perfil público para cada usuario que agrupa sus proyectos y permite mostrarlos al mundo entero. Además CodePen es una comunidad ya que los desarrolladores pueden seguirse entre sí y compartir sus proyectos.
Otra de las características de CodePen es la posibilidad de navegar entre todos los proyectos o “Pens” como le llaman en el sitio y revisar el código para aprender de lo realizado por los demás y si es de utilidad pueden hacer una copia del proyecto a su perfil para poder modificarlo a gusto o bien descargar el “Pen” completo en formato zip.
Para que puede ser usado CodePen:
- Editar HTML, CSS y Javascript y previsualizar los cambios al momento
- Compartir código fuente
- Aprender analizando el código de los demás
- Enseñar a los demás
- Utilizarlo como portafolio de proyectos
- Compartir el código fuente en otros sitios web mediante su código “Embed”
- Realizar una presentación de un proyecto
- Conectarse con otros desarrolladores
Editor HTML, CSS y Javascript de CodePen
La siguiente imagen muestra las características del editor de CodePen:
CodePen Pro
CodePen es gratuito pero igual cuenta con un plan de pago con características bastante interesantes cómo:
- Modo colaborativo: Pueden colaborar hasta 6 personas en el mismo proyecto
- Pens privados
- Modo profesor ideal para aquellos que se dedican a enseñar HTML, CSS y Javascript
- Sin publicidad
- Actualizaciones en tiempo real para otros navegadores
Enlace: Codepen.io
Vía: Blog Vecindad