Seguramente todo diseñador ha tenido el problema de tener que decidir cuándo es conveniente separar las hojas de estilo y cuándo no.

Son tres los factores que influyen a la hora de tomar una decisión acerca del uso de hojas de estilo separadas, estos son: la probabilidad, el sentido (la semántica) y la granulación. Aquí te damos una breve guía para que tengas de referencia a la hora de tomar esta decisión.
La probabilidad

Este factor tiene que ser considerado para todo tipo de decisiones web. Cuándo se trata de separar o utilizar diferentes hojas de estilo, la probabilidad es interesante para, por ejemplo, estimar la posibilidad de que las hojas de estilo se agranden mucho, la posibilidad de que las reglas en cuestión sean sólo temporarias, o la posibilidad de que haya mucha más gente trabajando con la misma hoja de estilos. Aquí, los casos:

1. Si trabajas en equipo o predices que aumentarán las reglas de estilos: Esto en la práctica indica que si estás tratando con una hoja de estilos pero predices que crecerá mucho en los próximos meses, quizá te resulte conveniente dividirla en varias partes. Lo mismo si trabajas en equipo: será más fácil organzarse dividiendo las hojas.
2. Tareas simples: Si sólo estás añadiendo un par de reglas para probarla, quizá sea mejor no crear hojas de estilo separadas. Aunque el trabajo sea grupal, mientras que la hoja no se edite con frecuencia, es preferible no dividirla.
3. Trabajo individual: Finalmente, si eres el único trabajando con una hoja de estilos, deberías tener la suficiente familiaridad como para lidiar con una grande.

El sentido o la semántica

El sentido de las hojas de estilo o las secciones de las hojas de estilo también es algo decisivo para las separaciones.

Si la web está semánticamente dividida en varias secciones con poca relación entre sí, este sería un buen ejemplo donde la decisión de dividir las hojas de estilo se dá más que nada por un tema de “sentido”.

Lo mismo sucede en el caso que queramos dividir en otro CSS todo lo referente a formas. Sería otra clase de “sentido” para tener en cuenta.
La granulación

Este es el tercer factor. Puedes crear una hoja de estilos para cada regla CSS individual, incluso en aquellas que consisten en sólo una declaración. Pero eso no tiene mucho sentido porque es sencillamente granular demasiado fino.

La granulación, sin embargo, puede traerte beneficios si la sabes utilizar en su medida justa, oragnizando el diseño en base a varias hojas de estilo pero sin llegar a un número inmanejable. Ese es el desafío: granular o dividirde forma responsable con el objetivo de encontrar cada regla con mayor facilidad y pudiendo incluso mejorar el trabajo en equipo.
Conclusión

Por un lado, separar las hojas de estilo usualmente conlleva una gran cantidad de consultas HTTP, a menos que poseas un sistema que las combine o las “construya”.

Pero por otro lado, el tamaño de la hoja de estilos no es decisivo para definir cuán legible es. Esto depende más que nada de la organización propia de la CSS, y a la forma de utilizar los módulos y comentarios.

Aunque al final del día, estos son sólo umbrales sobre estas tres variables, planificar las hojas de estilo puede ayudar mucho a la hora de encarar un proyecto y a la futua edición y administración de un sitio web.

¿Cómo divides tus hojas de estilo? ¿Tiendes a unir todo en un mismo archivo o a separar el diseño en varias CSS?

Si disfrutaste nuestro artículo, siéntete libre de suscribirte a nuestro feed rss