CSSEdit
Revisión del 14:37 30 may 2011 de Junco colon3jc (discusión | contribuciones)
| ||||||||||||
Existen multitud de editores de código, incluso soluciones completas para programar páginas web, que aglutinan en la misma aplicación desde el gestor FTP hasta el editor de hojas de estilos, uno de ellos es CCSEdit.
CCSEdit
CSSEdit se centra tan sólo en la edición de CSS, dejando de lado otras funciones, que quedan reservadas a su hermano mayor: Espresso, unasuite de desarrollo web de web de pies a cabeza.
Funciones
Dos Funciones importantes:
- La primera de ellas es el modo X-Ray, que a modo de rayos X nos mostrará las líneas de código donde está definida la parte de la página web donde pulsemos. El modo X-Ray se complementa además con el Inspector, que nos organiza las líneas de código implicadas y nos dice si hay más propiedades en otras hojas de estilo.
- La segunda novedad más importante es la previsualización de cambios en tiempo real. Es decir, si cambiamos una medida, color, parámetro, etc de la hoja de estilos, se revisualizará en la ventana instantáneamente; lo que nos ayudará enormemente si no sabemos muy bien donde tocamos.
- Además, si no sabemos muy bien programar CSS, tenemos a nuestra disposición unpanel de propiedades para cambiar el formato de las distintas etiquetas del CSS. Si somos unos maestros, tan sólo tenemos que cerrar el panel y picar código a mano.
Ventajas de CCSEdit
- Dispone de una vista "preview", una ventana donde podemos ver en tiempo real el efecto de todas las propiedades que vamos añadiendo y modificando.
- Podemos extraer y modificar el CSS de cualquier página web, mediante la ventana de preview.
- Mediante una sintaxis propia, usando simplemente comentarios en la hoja de estilos, nos permite agrupar propiedades e ids, traduciéndose esa organización en un listado jerárquico, a modo de un explorador de archivos, en la propia ventana de edición de código. Esto me parece especialmente útil, cuando se trabaja con hojas de estilo medianamente grandes. Dado que muchas veces mantener un orden adecuado es esencial para el correcto funcionamiento de la cascada y en formato jerárquico propiedades e IDs.
- Mezcla funcionalidades de autocompletar con una barra de herramientas lateral dónde podemos escoger mediante clics las propiedades y los valores que queremos asignar a cada clase o ID. Acaba sirviéndonos de cheatsheet a la vez que de barra de herramientas.
- Dispone de un validador CSS integrado en la propia aplicación
- Permite gestionar versiones de nuestras hojas de estilos
