Multimedia Universitat Oberta de Catalunya

Frameworks CSS

César Córcoles

[Última actualización: 21/10/2018]

Un framework es, en términos informáticos, un conjunto de bibliotecas o clases, reutilizable, que nos permite economizar recursos a la hora de desarrollar aplicaciones. Cuando hablamos de CSS, un framework es un conjunto de archivos CSS con una serie de clases predefinidas y estilos aplicados tanto a los elementos estándar de HTML como a dichas clases. Muchos frameworks incluyen también elementos de diseño de retícula que ayudan en el proceso de maquetado. (Muchos frameworks incluyen, además, partes sobre JavaScript o un archivo .htacess, por ejemplo.)

Un buen framework nos permite, por tanto, diseñar páginas de manera más rápida y eficiente. Pero su uso no está exento de inconvenientes. El primero de ellos es inherente al uso de plantillas: todas las páginas diseñadas con un mismo framework tienden a tener un aspecto muy similar, por lo que es difícil diferenciarlas entre sí. Un segundo problema es que, si no ‘limpiamos’ el código, muy probablemente acabemos cargando con un importante número de definiciones para elementos y clases que no estamos usando, con el consiguiente impacto negativo sobre el rendimiento de la página. Finalmente, un tercer problema principal es que, por su universalidad, las clases que se usan tienen nombres muy poco semánticos. Todos estos problemas son superables con un esfuerzo moderado, pero deben tenerse en cuenta en el proceso de diseño.

Dos ejemplos bastante populares de frameworks son HTML5 Boilerplate (HTML5 Boilerplate documentation, también cuenta con una versión móvil) y Bootstrap. Existe una herramienta web, Initializr (guía de referencia) que permite generar proyectos usando cualquiera de estos dos frameworks.

Otros frameworks: