Comprimiendo archivos PHP, CSS y js

Uno de los consejos que dan los que saben es que, uno debe cuidar el ancho de banda, máxime si el proveedor de hosting que contratamos nos da un limite de transferencia mensual que no podemos superar.

Aparte de optimizar todas las imágenes que incluimos en nuestro blog o sitio web, podemos echar mano de otras técnicas para que los archivos sean mas livianos, y una que de las que da mejores resultados es la compresión de archivos, sean PHP, CSS  o JavaScript (js).

En viralpatel.net postean una guía bastante completa para comprimir archivos (aplicable a blogs de WordPress); sigo buscando más información, y otras maneras de comprimir archivos, les estoy contando.

Validando CSS, error @charset rule

Una de mis herramientas favoritas, e indispensable, cuando estoy trabajando es el Web Developer ToolBar para Firefox, todavía no conozco a alguien que diseñe Sitios Web y no lo utilice.

Una de las opciones que uso muy seguido es el Validador, valido el  HTML y CSS localmente. Hoy, validando y limpiando un archivo CSS, al final me quedaba este error:

The @charset rule may only occur at the start of the style sheet. Please check that there are no spaces before it. @charset “utf-8″;”

Pase un buen rato dándole vueltas y no encontraba la solución. Casi me vuelvo loco porque después el mensaje de error decía que no estaba incluyendo el @charset.

A pesar de que googlie para ver si encontraba la solución, y la fuente del problema, me di por vencido y deje de validar localmente, y para tener una “segunda opinión” utilice el Markup Validation Service de la W3C, y adivinen que, cero errores, ni uno, el código era 100% valido!!

Después de muchas vueltas no encontre el porque del error al validar localmente usando el Web Developer, parece que es alguna pulga en el addon, pero al menos voy a poder dormir en paz sabiendo que el CSS era valido .

el poder del CSS

Me encontre en un blog el post de un tipo que hizo un dibujo usando CSS, demasiado bueno. La habilidad y el tiempo que tiene el cabrón para ponerse a hacer eso!!!