[Darrera actualització: 21/10/2018]
Un framework és, en termes informàtics, un conjunt de biblioteques o classes, reutilitzable, que ens permet economitzar recursos a l’hora de desenvolupar aplicacions. Quan parlem de CSS, un framework és un conjunt d’arxius CSS amb una sèrie de classes predefinides i estils aplicats tant als elements estàndard d’HTML com a aquestes classes. Molts frameworks inclouen també elements de disseny de retícula que ajuden en el procés de maquetat. (Molts frameworks inclouen, a més, parts sobre JavaScript o un arxiu .htacess, per exemple.)
Un bon framework ens permet, per tant, dissenyar pàgines de manera més ràpida i eficient. Però el seu ús no està exempt d’inconvenients. El primer és inherent a l’ús de plantilles: totes les pàgines dissenyades amb un mateix framework tendeixen a tenir un aspecte molt similar, pel que és difícil diferenciar-les entre si. Un segon problema és que, si no ‘netegem’ el codi, molt probablement acabem carregant amb un important nombre de definicions per elements i classes que no estem usant, amb el consegüent impacte negatiu sobre el rendiment de la pàgina. Finalment, un tercer problema principal és que, per la seva universalitat, les classes que s’usen tenen noms molt poc semàntics. Tots aquests problemes són superables amb un esforç moderat, però cal tenir-los en compte en el procés de disseny.
Dos exemples bastant populars de frameworks són HTML5 Boilerplate (HTML5 Boilerplate documentation, també compta amb una versió mòbil) i Bootstrap. Existeix una eina web, Initializr (guia de referència) que permet generar projectes utilitzant qualsevol d’aquests dos frameworks.
D’altres frameworks:
- Bedrock és un framework responsive, mobile first de 18 columnes.
- Unsemantic és un framework de retícula de columnes fluides.
- YUI
- Foundation
- The Semantic Grid System