Excssive es una compresor instantáneo drag & drop que cualquier interesado puede usar de forma libre.

Basta con arrastrar y soltar los archivos CSS en la web de Excssive para reducir el tamaño de los archivos CSS manteniendo la calidad de los mismos.

Excssive combina todos los archivos en uno permitiéndonos modificar el orden de los mismos de forma intuitiva.

Esta herramienta de optimización para desarrolladores está inspirada, según reconoce su autor, en la propia de Yahoo bajo el nombre YUI Compressor .

Interesados pueden acceder a Excssive desde www.excssive.com.

fuente.desarrolloweb

Toda la información está basada en el post citado, así como los ficheros relacionados.

Recomendaciones de uso y escritura de código:

Usar las etiquetas HTML estrictamente para lo que se han concebido

Si se consigue crear un código XHTML lo más limpio y claro posible se verá reducido considerablemente el número de estilos propios que tendremos que crear y evitaremos la mayoría de los errores e inconsistencias comunes.

• Maquetar en base a capas (div), no usar tablas (table).
• Párrafos: (p)
• Encabezados: (h1, h2, … h6)
• Tablas: (table, thead/tr/th, tbody/tr/td)
• Listas: (ul/li, ol/li)
• Menús: basados en listas con el atributo display:inline

Uso de medidas relativas en los tamaños de las fuentes

Las medidas relativas son aquellas que no establecen un tamaño fijo en píxeles o puntos para un elemento. En concreto son el porcentaje (%) y el em (1em equivale a 100%, 1.2em a 120%…, 0.7em 70%, …)

Es muy importante este punto por varios aspectos:

• No todas las personas tienen el monitor a la misma resolución y nuestra tipografía le puede resultar muy pequeña o grande según el caso.
• Al establecer la medida de tipografía de manera relativa en la etiqueta body, se tomará el tamaño relativo al navegador y dispositivo que interprete la página. Esto es especialmente en dispositivos con pequeñas pantallas (móviles, pda, etc.).

Maquetación de layout fijo basado en capas:

Esta es una antigua polémica, el maquetado de tamaño fijo de ancho o el maquetado líquido o de tamaño variable.

Los estudios de usabilidad web aconsejan el uso de tamaños fijos adecuados a la resolución más usada por los usuarios de internet, intentando que el porcentaje discriminado sea el menor posible. La explicación de este aspecto se justifica por el constante crecimiento en las ventas de monitores de gran tamaño (17″ o más) y resolución (1024×768 en adelante).

La expansión de las páginas sobre todos en resoluciones de monitores panorámicos dificulta enormemente la legibilidad de los párrafos de texto.

Crear estilos o redefinirlos solo en el caso estrictamente necesario:

Si creamos nuestras páginas haciendo un uso adecuado de las etiquetas XHTML y seguimos las pautas descritas en este documento, se reducirá drásticamente la necesidad de creación de estilos innecesarios y redundantes, lo que conlleva enormes beneficios sobre todos relativos a la facilidad de mantenimiento y reducción de errores y comportamientos extraños.

fuente.articulosinformativos

Tras el reciente lanzamiento del primer borrador de CSS4 hemos encontrado un interesante post en graphicmania.net donde dar un repaso de la evolución de las hojas de estilo en cascada.

Este singular tour nos lleva a través de algunos de ejemplos de páginas web con la intención de dejar plasmado las posibilidades de cada una de las versiones de esta tecnología usada para definir la presentación de un documento.

La lista de ejemplos hace un recorrido desde el actual CSS3 hasta antes de la llegada de la primera recomendación de de las hojas de estilo en cascada realizada por el World WideWeb Consortium (W3C)en 1996.

Interesados pueden acceder a este repaso por la Historia web del CSS desde www.graphicmania.net.

fuente.desarrolloweb

Es innegable el hecho que las hojas de estilo en cascada o CSS son consideradas como una parte esencial del trabajo de todo diseñador web.

No obstante, trabajar con CSS puede convertirse en una tarea que no solo reste tiempo de llevar a cabo otras actividades, sino que incluso pueda llegar a resultar ciertamente incomoda.

Slodive ha llevado a cabo una selección donde se incluyen las 25 mejores herramientas CSS que pueden resultar de interés para desarrolladores y diseñadores web.

Entre esta variada selección encontramos herramientas CSS para ahorrar tiempo en la escritura del código, para hacer plantillas, optimizadores de código CSS, CSS Sprites o generadores de menús, entre otras.

• CSS Layout Generator
• CSS Menu Make
• CSS frame Generator 
• CSS Menu Builder
• Clean CSS
• CSS Sprite Generator 
• CSS Type Set 
• Sprite Creator 
• CSS-Generator.com 
• CSS Sprite Generator 
• CSS Layout Generator 
• The Generator Form 
• CSS Sprites Generator 
• CSS3, please
• Drawter 
• CSSMate 
• Online CSS Editor
• YAML Builder 
• Online Css Template Generator 
• Tableless Code Generator for column layout 
• SpriteMe 
• Little Boxes
• CSS Layout Generator 
• CSS3 Generator

fuente:desarrolloweb