Cuando trabajos con hojas de estilo (CSS) un aspecto que muchas veces pasa desapercibido hasta que es muy tarde es su peso, uno sin querer sigue incorporando declaraciones nuevas y cuando quiere acordar sus hojas de estilo sobrepasan lo que podríamos definir como un sano peso.
Para evitar que la situación anterior ocurra uno siempre debe crear declaraciones que puedan ser combinadas con otras para lograr, en la medida de lo posible, que el tamaño del archivo final no sea demasiado importante. Sin embargo, y en especial en proyectos de gran envergadura, esto no es tan sencillo y fácilmente podemos caer en errores como declarar dos veces una misma clase o identificador.
Para solucionar este tipo de errores podemos utilizar csscss, una pequeña gema desarrollada con Ruby especialmente útil para encontrar declaraciones duplicadas de manera automática y desde la linea de comandos.
Cómo encontrar duplicados en CSS
Primero desde la consola instalamos la gema:
$ gem install csscss
Luego simplemente corremos el test enviando por parametro la hoja de estilo:
$ csscss -v path/to/styles.css
csscss nos devolverá las posibles coincidencias y redundancias dentro de nuestras hojas de estilo. Una aclaración, también funciona con contenido remoto, algo especialmente útil si lo que buscamos es analizar una hoja de estilo que se encuentra online.
Una herramienta simple y útil, como a mi me gusta 😀
Web: csscss
