Mobilizer es una aplicación creada en Adobe AIR, que permite tener una previsualización aproximada de como se vería nuestro sitio web (local o remoto) en 4 dispositivos: iPhone 4, Blackberry Storm, Palm Pre, HTC Evo.

Cuando digo “aproximada”, es porque no es una simulación exacta, para eso estan los distintos simuladores de cada plataforma.

Es más bien una aplicación para tener un vistazo rápido de lo que estamos haciendo o para obtener capturas de pantallas para mostrar a nuestros clientes.

Como dice el título, Bourbon es una colección de mixins para utilizar en conjunto con Sass y agilizar la creación estilos.

Vendría a ser un proyecto alternativo a Compass, ya que, al igual que este último, también ofrece variadas funciones útiles relacionadas a estilos CSS3 (bordes redondeados, animaciones, transformaciones, sombras, gradientes…), grillas, colores o proporciones (como el calculo del Golden Ratio para un determinado valor).

Si utilizan regularmente Sass, les recomiendo mucho mirar el código fuente de Bourbon y su readme, en donde hay muchos mixins interesantes para aplicar rápidamente en nuestro proyecto sin necesidad de descargar toda la colección. Por ejemplo:

@include position(relative, 0px 0 0 100px);

Para poder obtener los estilos:

position: relative;
top: 0px;
left: 100px;

Y como siempre digo, si aún no utilizan Sass, pueden empezar por aquí.

Con la extensión Tilt (para Firefox) puedes hacerlo.

Tomando la idea de JS1k, pero bajo el espíritu de CSS Zen Garden, CSS1K es un showcase de lo que se puede hacer con menos de 1K de estilos.

Hay varios estilos muy bien logrados, les recomiendo mucho darles un vistazo, el código fuente se encuentra en GitHub.

Nuevamente, en el marco del Velocity 2011, Nicole Sullivan y Nicholas Zakas presentaron CSS Lint, una herramienta para detectar errores en código CSS. La misma, en base a distintas reglas, analiza el archivo de entrada para otorgar una serie de recomendaciones útiles. Ver el listado de reglas.

Sin embargo, desde mi punto de vista es muy difícil analizar algo si no se tiene en cuenta el contexto de la aplicación (en este caso, el HTML que lo conforma, las tecnologías utilizadas, funcionalidades externas…), además que existen algunas advertencias un poco pretenciosas (¿Don’t use IDs in selectors?).

Habrá que ver como evoluciona la herramienta, creo que aún le faltan opciones importantes (nivel de análisis, selección de reglas, etc), pero en principio, y siempre teniendo en cuenta lo que comentaba, me parece útil para detectar errores que se nos pueden pasar o replantear como estamos escribiendo nuestros estilos.

Por otro lado, todo el código de la aplicación está disponible en GitHub por lo cual seguramente su evolución será bastante rápida.

Y si les interesa utilizarla para si mismos, existe también una versión disponible por linea de comandos a través de Node.js / Rhino.

Una útil extensión para Firefox que no conocía y le estoy sacando bastante provecho:

Mientras trabajamos en local, Auto Reload detecta si un archivo (CSS, HTML, JS) ha sido modificado y en caso afirmativo, recarga automáticamente la web en cuestión para tomar los cambios.

Lo interesante es que además posee la posibilidad de especificar reglas para la detección de cambios (como la carpeta a vigilar, o la profundidad para detectar cambios). Algo a tener en cuenta es no configurar una profundidad muy grande, ya que sino la extensión consume muchos recursos.