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: CSS DESK

Editores de HTML y CSS Online: CSSDeskEste editor online te permite utilizar códigos HTML y CSS. La disposición de sus ventanas es ordenada, teniendo un recuadro para la edición de HTML arriba y otro recuadro para la edición de CSS abajo, ambos a la izquierda de la pantalla. A la derecha tenemos el recuadro de vista previa. Estos recuadros no se pueden reordenar pero si variar la altura de cada uno.

Características:

  • Resalta la sintaxis de código HTML y CSS con diferentes colores.
  • Contiene numeración de líneas de código
  • Permite la descarga del archivo de extensión .HTML
  • 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, que no tiene muchas adiciones pero que cumple con el propósito de editar códigos.


#2: DABBLET

Editores de HTML y CSS Online: DabbletDabblet 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: CodePenEste 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 el más simple: CSSDesk pero uso los demás de vez en cuando. 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.

Suscríbete a nuestra lista de correo

Publicidad

Deje un comentario