A la hora de crear un website haciendo uso de CSS debemos de considerar unos principios básicos a la hora de desarrollar nuestra hoja de estilos ya que esto nos será de gran ayuda a la hora de ampliar, revisar o corregir aspectos del proyecto más adelante. Por ese motivo y basandome lecturas de otras webs que hacen referencia del tema, vamos a enumerar 5 aspectos a considerar a la hora de escribir nuestra hoja de estilo en css:
1. Tabula y utiliza espacios en blanco.
Utiliza espacios en blanco, lineas extras y tabula las propiedades de la clase para así lograr una mejora sobresaliente en la legibilidad del código. Esto no afectará en absoluto al peso del fichero y será muy agradecido para la vista. Además, si trabajamos en proyectos en conjunto con otros desarrolladores queda muy poco profesional entregar un CSS escrito aprovechando toda la linea.
2. Documenta tu trabajo.
Crea tus propios standars para tus proyectos. Utiliza siempre las mismas reglas y comenta las lineas. Si en cada proyecto que realizes llamas a cada cosa con un nombre diferente te costará mucho volver a proyectos antigos y entenderlos en poco tiempo.
3. Aprovecha al máximo los recursos que te ofrece CSS.
A menudo vemos proyectos que hacen uso de código repetitivo e innecesario. CSS ofrece una semántica rica que nos puede facilitar y ahorrar algunas lineas .
las propiedades Margin, border, padding, background, font, list-style y outline nos permite agrupar en una sola linea el top, right, bottom y left en una sóla linea. En la ilustración podemos ver como realizar esta agrupación:
Lo mismo podemos hacer con las fuentes:
4. Utiliza los condicionales para cargar un CSS para cada explorador
En ciertas ocasiones tenemos pequeños problemas de compatibilidad entre Explorer y Firefox con el CSS que son difíciles y en algunos casos imposibles de reparar. Para ello podemos crear un css genérico para ambos y que en aquellos casos en los que los exploradores difieran en cuanto a resultado visual crearlos por separado.
5. Haz uso de estructuras ya diseñadas en CSS.
Si no tienes mucha idea y estas comenzando puedes valerte de plantillas existentes en internet para facilitarte la estructura base de tu proyecto. Sn plantillas escritas y ya testeadas por profesionales que te peuden ayudar mucho si estas empezando.
http://www.hongkiat.com/blog/50-nice-clean-css-tab-based-navigation-scripts/
http://intensivstation.ch/en/templates/
http://www.smashingmagazine.com/2007/01/19/53-css-techniques-you-couldnt-live-without/
