Editores CSS

Tweet

A menudo es desconocida la existencia de estos programas que se utilizan para editar hojas de estilo en cascada y ofrecen gran ayuda al diseñador, especialmente recomendados a aquellos más inexpertos.

De todos es sabido que para trabajar con las Hojas de Estilo (CSS) no es necesario disponer de ningún software adicional, y que nos sería suficiento contar con un editor de texto cómo puede ser el Bloc de Notas o el Ultra Edit pero sin embargo al igual que existen editores HTML que nos ayudan a crear páginas web dinámicas existen del mismo modo programas que nos ayudan a crear hojas de estilo.

Esta es una buena lista de programas gratuitos que nos ayudan a editar nuestras hojas de estilo:

1. CSS Tab Designer
2. Balthisar Cascade CSS Editor
3. CSS Stylesheet Editor
4. EclipseStyle
5. BHead – Meta Tags & CSS Generator
6. Redbox13 CSS-editor
7. StyleSpread
8. <oXygen/> CSS Editor
9. CSSEdit
10. CSSED
11. CSS Editor for Eclipse
12. JustStyle CSS Editor
13. Style Assistant

Entre las funcionalidades más destacables que nos podemos encontrar en este tipo de programas estan:

* Coloreado del código. Muy útil para aquellos usuarios que no están demasiado familiarizados con las hojas de estilo.
* Utilidad para seleccionar elementos a los que aplicar estilos por distintos métodos.
* Plantillas XHTML maquetadas con CSS que nos pueden servir cómo un buen comienzo.
* Alerta sobre los diferentes problemas de compatibilidad y las especificaciones de CSS1 y CSS2.
* Documentación y ayudas sobre las diferentes propiedades y sus usos.
* Previsualización del resultado.

En contra tenemos que el resultado del código generado por este tipo de programas nos puede llegar a parecer algo confuso porque nos puede colocar valores innecesarios en algunas propiedades o crear una estructura compleja que sería dificil de modificar sin la ayuda del programa.

Por eso lo mejor es que este tipo de programas te puedan servir a modo de tutorial y en caso de ser inexperto realizes distintas pruebas y aclares conceptos con ellos, aprovecha en cualquier caso las opciones de previsualizacion y estudia las plantillas que ofrecen que en muchos casos son las funcionalidades más útiles.

Enlaces Relacionados

Un buen pie de página
Elección de una buena paleta de colores
El hack definitivo para tus CSS
Formato de imagen JPEG
Propiedades CSS que probablemente no conocías
Detectando el navegador con CSS
Diseña menus CSS en dos clicks
10 errores comunes en los css
Trucos para tus hojas de estilo (CSS)
Guía Css, documenta tus hojas de estilo
Generar passwords accesibles con Php
Nueva versión de Notepad++
Hola Mundo!
Crea sencillas gráficas con MySql
Consejos para optimizar PHP
Editando en Opera páginas web en tiempo real