bitelemental

10 consejos para elaborar mejor tus CSS

Web Design Ledger nos recomienda seguir 10 pasos prácticos a la hora de realizar nuestras hojas de estilo. Siguiendo estos consejos, nuestra capa de diseño presentará mejor aspecto y nos resultará más fácil localizar elementos:

1. Empieza siempre reseteando todos los valores (reset.css).
2. Realiza sangrados en el código, separando las clases y los identificadores de sus respectivos valores.
3. Los comentarios son tu mejor amigo.
4. Una regla = una línea / Varias reglas = varias líneas.
5. Escribe código consistente: si empiezas desarrollando el código de una forma, no la cambies a mitad del documento.
6. Separa tus “hacks” y elementos condicionales.
7. Aprende a utilizar los “shorthands” o abreviaturas.
8. Crea una tabla de contenidos antes de iniciar el documento CSS (como forma de pequeño índice).
9. Utiliza nombres sencillos, tanto para las clases como para los identificadores, siempre serán más fáciles de encontrar.
10. Ordena tu código alfabéticamente.

Si estos consejos te han sido de ayuda, es hora de que leas atentamente los principios o reglas recomendadas por los mejores maestros del diseño web, puede que te resulten interesantes.

»Enlace: 10 Tips for Writing Better CSS