CSSPrefixer es una herramienta que ayuda a la creación de estilos CSS3 para todos los navegadores, agregando los prefijos y sintaxis correspondientes.

¿Todavía no entendes porqué se utilizan los prefijos para cada navegador? Te recomiendo este artículo.

Tip: Si usas Compass, el proceso de conversión de estilos es automático ;)

Una de mis extensiones favoritas en Firefox, ahora también para Google Chrome (en versión beta).

Si trabajaron con JSLint, sabrán que es una herramienta que sirve para encontrar potenciales errores en código JS, basandose en reglas predefinidas (las cuales se encuentran en el libro JavaScript: The Good Parts de Douglas Crockford, también autor de la herramienta)

El asunto es que estas reglas no siempre se adaptan a nuestras necesidades, ambientes o modos de escribir código. Por eso mismo, JSHint es un interesante proyecto, ya que saca provecho de JSLint, pero termina siendo más flexible por tener en cuenta los problemas dichos anteriormente, además de irse actualizando constantemente a través del feedback de la comunidad.

Me gustó el trabajo que realizó la WHATWG, filtrando la documentación oficial de HTML5 y ofreciendola de forma más entendible para desarrolladores, mucho más fácil de explorar.

Interesante proyecto PHP que permite mejorar el manejo y la incorporación de los CSS/JS en nuestros proyectos:

• Combinación y minificación de los archivos utilizando Google Closure ó YUI compressor;
• Sistema de cache y filtros de archivos;
• Compilación de archivos CoffeeScript, Sass y Less

Sencillo y útil para cuando se esta trabajando en cambios de estilos: Live CSS es un script que al insertarlo en la página, verifica si se realizó algún cambio de CSS y en caso de existir, recarga los estilos (sin recargar la página entera).

Además permite especificar si se quiere monitorear solo algunos estilos o todos.

DOM Monster es un bookmarklet que al ejecutarlo analiza la página en cuestión y muestra un listado con tareas y consejos a tener en cuenta para mejorar el rendimiento de la web, muy al estilo YSlow, pero funcional en todos los navegadores y más sencillo.

La herramienta ya tiene un par de años, pero lo interesante es que hace unos días su autor (Thomas Fuchs también creador de script.aculo.us y Zepto.js) anunció que pasa a ser Open Source, por lo que, cualquier persona puede utilizarlo y también ayudar a mejorarlo.

Si se resistían a utilizar Sass y Compass por tener que escribir comandos en la terminal, les digo que ya pueden hacerlo sin problemas, porque Compass.app es una aplicación (escrita en Java, con JRuby) que permite utilizar Sass y Compass, sin tener que abrir siquiera la consola. Algunas características interesantes:

• Disponible para Windows/Mac/Linux
• Ofrece prácticamente las mismas características que su versión original
• Ya viene integrado con varios plugins (como 960gs ó html5-boilerplate)
• Es Open Source

La aplicación cuesta solamente $10, pero si no quieren pagar, al ser de código abierto, pueden bajarse el código fuente y compilarlo (necesitan tener instalado JRuby y Rawr).

La aplicación funciona muy bien (en mi caso, tanto en Mac como en Windows sin problemas) y es realmente cómoda, la recomiendo.

Me gustaron las características que ofrece CSS-JS-Booster:

• Combinación y compresión+GZIP de múltiples archivos JS y CSS (en el caso de JS, utilizando Google Closure Compiler Webservice ó JSMin como fallback)
• Conversión de las imágenes menores a 24 KB a data-URI (con soporte de MHTML para versiones menores de IE8)
• Separación del archivo CSS final en dos y descarga en forma paralela
• Cacheo en el navegador hasta que exista un nuevo cambio
• Reglas .htaccess para configurar Apache

La aplicación parece ser bastante flexible, además es posible utilizarla como plugin de Wordpress.

En su plan por conquistar el mundo hacer la web más rápida, Google lanza un módulo para Apache el cual realiza una serie de optimizaciones de forma automática para mejorar la velocidad de las páginas:

• Making changes to the pages built by the Content Management Systems (CMS) with no need to make changes to the CMS itself,
• Recompressing an image when its HTML context changes to serve only the bytes required (typically tedious to optimize manually), and
• Extending the cache lifetime of the logo and images of your website to a year, while still allowing you to update these at any time.

El módulo puede descargarse desde la web de Page Speed en Google Code.