CSSEdit
| ||||||||||||
CCSEdit es un programa para el diseño de páginas web y está totalmente enfocado al CSS de la página en general, existen multitud de editores de código, incluso soluciones completas para programar páginas web y editar las 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 pueden ser echas por otros editores web ya que su potencial está en el diseño de las páginas mediante CSS.
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, cambiando 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 se tiene dominio de la programación 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 se van añadiendo y modificando.
- Se puede 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, se 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 es 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 se puede escoger mediante clics las propiedades y los valores que queremos asignar a cada clase o ID, sirve 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 hojas de estilos
