3 Editores de HTML y CSS Online

En muchos casos nos encontramos en computadoras ajenas o simplemente en apuro para revisar o practicar algún código, por lo cual son útiles los editores online. En este caso te presentamos 3 de los mejores editores de HTML y CSS online.

3 Editores de HTML y CSS Online

#1: JSFiddle

Editor online de HTML/CSS: JSFiddle

Este editor online te permite utilizar códigos HTML y CSS. Por default, tienes las ventanas de HTML, CSS, y Javascript. Además, tenemos el recuadro de vista previa. Todos los recuadros se pueden achicar o agrandar, segun necesites.

Características:

  • Resalta la sintaxis de código HTML y CSS con diferentes colores.
  • Contiene numeración de líneas de código
  • Permite crear un enlace a tu código y grabarlo

Conclusión:
Simple y efectivo. Es uno de los editores mas sencillos, y uno de mis preferidos.


#2: DABBLET

Editores de HTML y CSS Online: Dabblet

Dabblet es un editor de HTML y CSS online que permite la adición de código Javascript, si es deseado. La disposición predeterminada es con el recuadro de vista previa arriba y los recuadros de HTML y CSS por debajo. Estos recuadros pueden ser reordenados mientras se trabaja pero no dimensionados.

Elección de disposición de recuadros en un editor de HTML y CSS online

Características:

  • Permite cambiar la disposición de recuadros: Vertical, Horizontal, Separado.
  • Muestra una vista previa de los colores, tamaños y más en el momento de escribir el código.
  • Resalta la sintaxis de código HTML y CSS con diferentes colores.
  • Es posible visualizar los recuadros de vista previa, HTML y CSS por separado y todo junto
  • Contiene numeración de líneas de código
  • Permite grabar el archivo como anónimo o es posible registrarse.
  • Permite cambiar el tamaño de letra de los códigos.
  • Tiene diferentes comandos para facilitar la edición

Conclusión:
Lo novedoso y muy útil es la vista previa de los tamaños y los colores escogidos. Lamentablemente los recuadros no son muy cómodos para trabajar, pero de igual manera cumple su propósito de ser editor de HTML y editor de CSS.


#3: CODEPEN

Editores de HTML y CSS Online: CodePen

Este editor te permite utilizar código HTML, CSS y Javascript. La disposición predeterminada es con los recuadros de código arriba uno al lado del otro, y el recuadro de vista previa debajo. Los recuadros pueden ser reordenados y dimensionados.

Características:

  • Permite cambiar la disposición de recuadros: Recuadro de códigos a la izquierda, recuadro de códigos a la derecha y recuadro de códigos arriba. Se debe tener en cuenta que estos solo se pueden cambiar luego de haber grabado el archivo. Si se hace antes se pierde lo hecho.
  • Resalta la sintaxis de código HTML y CSS con diferentes colores.
  • El recuadro de vista previa siempre es visible y se puede visualizar los recuadros de HTML, CSS y Javascript cuando se deseen.
  • Contiene numeración de líneas de código
  • Permite grabar el archivo como anónimo o es posible registrarse.
  • Permite descargar como archivo ZIP y provee links del código para cada tipo: HTML, CSS, JS.
  • Tiene diferentes comandos para facilitar la edición

Conclusión:
Lo ideal de este editor es la facilidad para modificar los recuadros para adecuarse a tus necesidades. El color oscuro de fondo es más suave para los ojos a diferencia del color blanco de los otros editores. De igual manera, este cumple con el propósito y te da nuevas opciones.


Conclusión General

Al final del día depende con qué editor de HTML y CSS te sientes más cómodo. Personalmente, prefiero JSFiddle. Así que prueba los tres o alguno de estos y déjanos en los comentarios cuál es el mejor para ti. Por cierto, si conoces otros editores de HTML y CSS online, compártelos con nosotros en los comentarios.

Si te sirvió, ¡compártelo!

También te interesaría...

Suscríbete a nuestra lista de correo

Agregue un comentario

Su dirección de correo no se hará público.


Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.