Ventajas y desventajas de usar un framework CSS

En este artículo doy mi punto de vista acerca de usar un framework o biblioteca CSS a la hora de construir sitios web.

Primero explico qué son, luego sus ventajas y algunas de las soluciones más destacables.

Lo primero, qué es un framework CSS

Parte de la definición de framework que nos ofrece la Wikipedia es que estos son diseñados con la intención de facilitar el desarrollo de software, permitiendo a los diseñadores y programadores pasar más tiempo identificando requerimientos de software que tratando con los tediosos detalles de bajo nivel de proveer un sistema funcional.

En este caso, aplicado a los estilos en cascada o CSS, nos proporcionan una base sólida para iniciar la tarea de dar estilo a un sitio web.

Aunque no todo son ventajas. Veamos primero los «pros» y luego los «contras».

Ventajas de usar un framework CSS

Estas son las ventajas que yo le veo:

• Mejora la compatibilidad del sitio entre los distintos navegadores web. Una de la formas de hacerlo es haciendo un reseteo CSS para que se parta de las mismas bases en todos navegadores desde un comienzo.
• Los formularios, botones, etc. cuentan con un mínimo de detalles de accesibilidad que permite el uso de los sitios web creados por el mayor número de personas posible .
• La mayor parte son de código abierto y libre.
• Aportan un sistema de rejilla con el que se pueden crear contenidos adaptables a todo tipo de pantallas (responsive).
• Suelen permitir el uso de pre-procesadores CSS como Less o Sass.
• Reduce tiempos de desarrollo. Aunque hay que tener en cuenta el tiempo para el aprendizaje e instalación, en general, compensa.
• Aporta una estandarización de los estilos de todo el sitio.
• Generalmente ofrecen una hoja de estilos también para la impresión.

Desventajas de usar un framework CSS

No todo es bonito. También hay un precio a pagar:

• Pesan. Cargas mucho más código del que usa. Algunos de ellos tienen soluciones para esto, aunque no suele ser suficiente.
• El proceso de aprendizaje. Y cuando ya crees que lo controlas, te lo cambia...
• Esto me lleva a otra desventaja: no tienes control ninguno. La siguiente versión puede que ya no sea compatible con tu web y te quedas atrás si no cambias.
• No es oro todo lo que reluce: a veces el código no está del todo conseguido, por ejemplo, he visto demasiados «!important» en algunos de ellos.

A continuación nombro algunos frameworks destacados