Arquitectura CSS

El lenguaje CSS es muy fácil de usar, agradecido y con una curva de aprendizaje muy suave al principio. Por tanto, podemos comenzar a desarrollar CSS prácticamente en una mañana de aprendizaje. Obviamente, tardaremos más en conocer y saber aplicar todas las reglas de estilo disponibles en el estándar, pero cualquier persona lo podrá hacer sin demasiada dificultad.

Sin embargo, todo lo anterior no implica que sepamos realizar un tratamiento del lenguaje que goce de las virtudes necesarias para considerarse "profesional". Quizás debido a su sencillez, es fácil realizar código CSS que acabe siendo un problema a la hora de optimizarse y mantenerse en el futuro.

Las virtudes que se demandan en el desarrollo de las CSS para los proyectos web son:

  -Producir un código mantenible: un código que se pueda modificar con facilidad en el futuro, incluso por personas que no hayan sido los desarrolladores originales.

  -Producir un código escalable: casi como en el punto anterior, que nuestro CSS pueda crecer sin volverse inmanejable.

  -Producir un código reutilizable: que podamos reusar las reglas de estilo al máximo, de modo que no tengamos que escribir una y otra vez los mismos estilos para distintos elementos.

Para conseguir maximizar las virtudes descritas en el punto anterior se necesita una excelente organización y aplicar una serie de convenciones útiles que nos permitan tomar decisiones homogéneas a la hora de organizar el código, que otros desarrolladores puedan entender también. El arquitecto CSS es aquel que consigue hacer esta tarea de organización de una manera correcta y es capaz de producir un código CSS de alto nivel de calidad.

Para mejorar la arquitectura del CSS existen herramientas importantes como los preprocesadores. Estas herramientas nos ofrecen un grado más elevado de organización, con la posibilidad además de escribir menos para hacer más cosas, lo que eleva la productividad (cualidad también importante para un arquitecto CSS).

Pero además para un arquitecto de CSS es importante realizar un código homogéneo, con una estructura que se haya decidido de antemano. Para ello existen en la actualidad diversas convenciones importantes que podemos seguir, como por ejemplo "CSS BEM" (Block Element Modifier) o ITCSS (Inverted Triangle architecture for CSS). También, claro está, podremos crear nuestra propia convención, incluso tomando varias ideas de unas y otras propuestas, y aplicarla dentro de un proyecto, sin embargo es interesante aplicar alguna regla comúnmente aceptada por la comunidad, para que nuestra organización sea fácil de entender por futuros desarrolladores que puedan entrar en el proyecto.