Hay aplicaciones que cuando reciben un nuevo número de versión, los usuarios se rascan la cabeza y piensan que con un «.5» hubiera sido más que suficiente. Este no es el caso de CSSedit 2, un software WYSWYG dedicado a la creación y edición de CSS que ha pasado de ser un software extraordinariamente cómoda a ser una utilísima herramienta. Y encima … es barata.
CSSedit es un editor visual de CSS. CSS es el acrónimo de Hojas de Estilo en Cascada (Cascading Style Sheets), que es un mecanismo simple que describe cómo se va a mostrar un documento en la pantalla, o cómo se va a imprimir, o incluso cómo va a ser pronunciada la información presente en ese documento a través de un dispositivo de lectura. Esta forma de descripción de estilos ofrece a los desarrolladores el control total sobre estilo y formato de sus documentos.
¿Para qué sirve?
CSS se utiliza para dar estilo a documentos HTML y XML, separando el contenido de la presentación. Los Estilos definen la forma de mostrar los elementos HTML y XML. CSS permite a los desarrolladores Web controlar el estilo y el formato de múltiples páginas Web al mismo tiempo. Cualquier cambio en el estilo marcado para un elemento en la CSS afectará a todas las páginas vinculadas a esa CSS en las que aparezca ese elemento.
Una vez definido los saon las CSS, vamos a darnos un paseo por el nuevo interface de CSSedit 2.
Primer contacto
Si CSSedit era un buen editor visual de Holas de estilo en cascada, su productividad se ha ampliado a niveles insospechados.
Algunas de las características mas interesantes implementadas son:
- Nuevo y remodelado interface
- Nuevas paletas extras
- Un validador de CSS: que nos permitirá ver si son correctas nuestras CSS
- Una paleta de Milestones: que nos permitirá ir guardando diferentes versiones de una misma CSS mientras vamos realizando su desarrollo
- Extracción de CSS
- Xray
El nuevo interface es aún más cómodo de manejar, ofreciendo la posibilidad de ver los tres modos (visual, código y editor visual en una misma pantalla).
Se han añadido dos nuevas paletas al editor:
Click para ampliar
Estra es una de las mejores características: nos permitirá extraer las CSS de una página web cualquiera, y sincronizarla con una copia local de manera que podremos evaluar y desarrollar esas CSS implementadas, incluso con diferentes archivos asignados a esa página en un entorno visual completo y de actualización inmediata: lo que modifiquemos en las CSS lo veremos en la «página web» usando el webkit de Apple.
Click para ampliar
Otra implementación fabulosa: podremos seleccionar en el visualizador un elemento y obtendremos una ruta completa de su html así como la hoja de estilo a la que está asociada. Además, podremos visualizar directamente si un elemento utiliza tags específicas de posicionamiento, márgenes o paddings.
La aplicación es Binaria Universal (funciona en Macs con Intel) y es una excelente herramienta de desarrollo, corrección, validación para todos aquellos que trabajan en entornos de desarrollo web, o para aquellos que quieren hacer sus pinitos de principiante incluso modificando las CSS de su bitácora.
CSSEdit 2 está disponible para descarga en el sitio web MacRabbit, y cuesta 29,95 dólares. La actualización cuesta 14,95 dólares y es ese tipo de aplicación al que se le puede sacar mucho partido por su poco precio. Aunque solo sea para jugar a ser un gran diseñador web.
pues sí que la han remozado 🙂
La he descargado y es simplemente increible. Mac se diferencia del resto por aplicaciones como esta.
Buf, a mí XyleScope me encantaba, pero veo que CSSedit ha dado un salto tremendo!
PERO QUE GRANDE!!!!
Adoro apple
Juan de Dios: Justo lo que pensaba poner. Xylescope me parecia fabuloso pero este CSSEdit para mi no tiene nada que ver con el anterior (de hecho el anterior se quedaba muy por atras del Xyle). Casi mereceria otro nombre si este no fuera tan… directo.
Acostumbrado como estoy a hacer las hojas de estilo directamente a mano, con el Textmate en el mac y el SciTE en el Windows), solo he tenido que ver cuanto tiempo ahorraba utilizando CSSEdit para ir viendo como van quedando las páginas a medida que tecleo para comprarlo directamente.
Otro programa que he comprado y que pasa a la pestaña de «imprescindibles» 😉
¿Quién se anima a hacer un pequeño tutorial para los que no tenemos ni idea?
Se agradecería un montón 🙂
Es increible, ya era buenisimo pero ahora se sale del todo, y lo mejor el precio, 14 euros la actualizacion es tirarse al rollo, oleeeeeee por los de macrabit.
Acabo de comprarlo 🙂 Le da patadas al StyleMaster que utilizaba antes.