Se puede decir que hay tantas maneras de escribir código como cantidad personas que programan. Sin embargo, existen ciertos estándares y convenciones que facilitar a que otra persona pueda comprender lo que hemos hecho y sean capaces de modificarlo. Lamentablemente entre muchos diseñadores web esta práctica no existe y van escribiendo las líneas del CSS a medida que lo necesitan sin orden ni estructura lógica. Al ser el CSS un «lenguaje» enunciativo donde no hay variables, bucles ni estructuras lógicas muchos se limitan simplemente a definir clases y atributos de manera secuencial y desordenada.
En SpyreStudios publicaron 10 Great Tips for Writing Better And More Comprehensive CSS donde proponen una serie de prácticas sencillas de implementar pero que facilitan enormemente la lectura de un archivo de estilo. Y la verdad, son cosas muy fáciles de hacer pero que facilitan enormemente el diseño web, especialmente cuando se trabajo en grupo o hay que pasarle el trabajo a otro diseñador.
Algunas me parece útiles, otras no tanto pero acá está la lista:
- Comentar el código
- Usar las sangrías
- Usar la notación taquigráfica (shorthand code)
- Una línea por cada regla
- Mantener los hacks fuera del archivo principal
- Uas nombras significativos para clases e IDs
- Eliminar clases e IDs no utilizados
- Ordenar alfabéticamente el nombre de las clases
- Combinar selectores
- Agrupar el código y divirlos en varios archivos
- Detalles y más información en el post original