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.
#1: 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
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.
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
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.
