Accueil > Intégration web > Les grilles CSS
Les grilles CSS
Les grilles CSS sont un sujet bien connu du web depuis qu’on a arrêté de faire des sites en tableaux. Au départ, il y avait les grilles en flottants non responsive puis responsive. Ensuite, il y a eu les spécifications CSS Flexbox puis Grid Layout. On utilisera chaque outil à bon escient en fonction, notamment, de la compatibilité navigateurs à assurer.
Ressources (2) :
Flexbox Grid 
Langue du lien : Anglais
Une grille assez flexible en flexbox, sur 12 colonnes, en 4 zones de media queries et avec une documentation hyper claire
Unsemantic - Une grille CSS en flottants
Langue du lien : Anglais
Cette grille CSS est la successeuse de 960.gs (ancienne grille non responsive). Elle fonctionne avec des flottants et sera donc compatible pour tous les vieux navigateurs que vous pourriez avoir à supporter.
Elle est très flexible car elle fonctionne avec des colonnes en pas de 5% (33% et 66% ont été ajoutés également pour pouvoir faire les divisions par 3). On peut lui ajouter autant de points de rupture que souhaité assez facilement avec la version Sass.