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. Los campos requeridos están marcados *


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