Les frameworks CSS

Voici une liste des frameworks CSS libres et gratuits permettant de mettre en œuvre un site web responsive !

La liste ci-dessous n’est pas exhaustive mais recense les principales librairies open-source que vous pourrez trouver.

Framework léger ou hyper-développé, comment choisir ?

Personnellement (c'est Alexandre à l'appareil), j'analyse la nature du projet : si tu dois faire une (SPA)[https://fr.wikipedia.org/wiki/Application_web_monopage) qui n'est pas destinée à évoluer dans le temps, je privilégie un microframework et je ne garde que les modules que j'utilise (merci SASS).
Si par contre, le projet va avoir une longue durée de vie et est appelé à être régulièrement mis à jour (par exemple, un extranet ou un ERM) alors j'opte plutôt pour un framework très complet.

• Bootstrap

• Foundation

• Materialize

• uikit

• Material Design Lite

• Semantic UI

• Kube

• Spectre

• Material UI

• Bulma

• GroundworkCSS

• Galaxy

Il existe en effet un autre créneau : celui des frameworks léger et rapide, moins puissants mais plus simples à étendre.

• Avalanche
• Milligram
• Skeleton
• Hoisin
• Inuitcss
• Mimic
• Ministrap
• Lotus
• Pure.css
• mini.css

L’autre solution est de faire du responsive à la main en utilisant les media queries, introduites par CSS3.

Lecture

• Best responsive css frameworks for web design

Outils

• Helium Il scanne votre site et montre les règles CSS non utilisés