Editar HTML, CSS y Javascript online con CodePen

Editar HTML, CSS y Javascript online con CodePen

Editar HTML, CSS y Javascript online con CodePen - editor-html-online-codepen

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:

Editar HTML, CSS y Javascript online con CodePen - codepen-editor-html-css-javascript

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