Editor HTML para previsualizar y compartir código

0

Como programador sabemos que haces uso de diversos recursos para poder simplificar tu trabajo. Gran parte de ello lo puedes lograr gracias a las frameworks y algún editor HTML que emplees para verificar errores en tu código.

En esta ocasión te nombramos algunos editores de código en línea donde puedes compartir tu código con tus compañero o colaboradores, así como detectar errores y ver previsualizaciones.

CodePen

Editor HTML para previsualizar y compartir código: Codepen

CodePen es una de las librerías de código más grandes de la web y es un sitio que muchos desarrolladores emplean como recursos educativo. Puedes crear tu propio código y compartirlo con millones de personas.

Dabblet

Editor HTML para previsualizar y compartir código: Dabblet

Este editor HTML te permite acceso a  previsualizaciones rápida de código. Añade los prefijos de manera predeterminada en tu código CSS y puedes incrustar tu código en otros sitios y compartirlo con otras personas.

jsFiddle

Editor HTML para previsualizar y compartir código: JSFiddle

Este editor te permite elegir entre distintas frameworks para crear un ambiente de trabajo donde puedes trabajar cómodamente. Además, te permite añadir frameworks complementarias así como compartir el código que realices mediante una URL.

Liveweave

Editor HTML para previsualizar y compartir código: Liveweave

Este editor de código HTML, CSS y JavaScript es una gran herramienta para realizar pruebas, practicar y compartir tu código. Puedes modificar el tamaño de los paneles.

JSHint

Editor HTML para previsualizar y compartir código: JSHint

Esta herramienta detecta errores y problemas potenciales en tu código JavaScript, de ese modo te evita problemas más adelante.

Chop

Editor HTML para previsualizar y compartir código: Chop

Esta herramienta te permite añadir anotaciones a fragmentos de códigos y compartirlo en línea mediante una URL única. La persona que recibe el código tiene la oportunidad de realizar comentarios en base a tus anotaciones, función útil para proyectos colaborativos.

HTML CodeSniffer

Editor HTML para previsualizar y compartir código: HTML CodeSniffer

Este script revisa tu código HTML para detectar errores según los estándares definidos. También puedes crear tus propias reglas o estándares de código, de modo que esta herramienta puede ser de mucho más ayuda en proyectos específicos.

JSBin

Editor HTML para previsualizar y compartir código: JSBin

Esta aplicación ha sido diseñada para la colaboración en línea. Puedes introducir código HTML o JavaScript, una vez que hayas terminado grabas tu avance y envías la URL a uno de tus compañeros.

Editr

Editor HTML para previsualizar y compartir código: Editr

Este es editor HTML que puedes alojar en tu servidor. Es muy sencillo de configurar mediante JavaScript o HTML y tiene 3 vistas de layout: horizontal, vertical y única. Las dos primeras son idóneas para edición en vivo mientras que la última ha sido pensada para presentaciones.

Codepad

Editor HTML para previsualizar y compartir código: Codepad

Este editor HTML ha sido creada como una herramienta de colaboración online pues te permite crear una URL de tu código de modo que puedes compartirlo por correo electrónico o chat.

Comparte este post.
Artículos Recomendados Para Tí:

Escribe tu comentario