Par définition, un framework est un ensemble de bibliothèques, de conventions, de règles et de bonnes pratiques qui permettent de faciliter le développement de logiciels en fournissant une structure et une méthodologie de travail.
En général, un framework est conçu pour résoudre un ensemble de problèmes courants dans un domaine particulier. Il peut inclure des outils pour la gestion des bases de données, l'interface utilisateur, la sécurité, les tests automatisés, l'optimisation de la performance, etc.
Les développeurs utilisent les frameworks pour accélérer le développement de logiciels, car ils n'ont pas à réinventer la roue à chaque fois. En effet, un framework fournit une structure prédéfinie et des fonctionnalités génériques qui peuvent être adaptées à un projet spécifique.
Il existe de nombreux frameworks pour différents langages de programmation et domaines d'application, tels que les frameworks web pour la création d'applications web, les frameworks pour la création d'applications mobiles, les frameworks pour la création de jeux vidéo, les frameworks pour la gestion de projets, etc.
Le CSS n'échappe pas à cette règle et dispose de nombreux frameworks plus ou moins connus, plus ou moins adaptés à certains cas et qui disposent d'avantages et inconvénients.
En voici quelques-uns.
Bootstrap en premier, non pas parce qu’il est très populaire (bien que ce soit le cas), mais parce que c’est Bootstrap qui a permis de déployer le responsive design à grande échelle.
En fait, ce framework a même été le premier à encourager le principe du « mobile-first » dans le monde du développement web. Grâce à Bootstrap, les développeurs n’ont pratiquement plus besoin de passer de temps à positionner des éléments CSS délicats, ni à résoudre les incompatibilités entre navigateurs.
Bootstrap offre également de nombreux composants d’interface utilisateur, nécessaires au développement de sites Web. Navigation, formulaires, cartes, fenêtres modales, boutons, barres de progression, alertes de notification – ce framework a tout ce qu’il faut !
Le développement de Materialize par Google a commencé en 2014 et depuis, le framework a su conserver sa place parmi les frameworks les plus populaires.
Il s’agit d’un ensemble d’éléments prêts à l’emploi et réalisés en Material Design, l’un des langages les plus demandés dans le monde.
En utilisant cet outil, il est facile de créer un site Web corporate assez poussé. Materialize CSS fera également une bonne base de départ pour la création d’une boutique en ligne. Le framework dispose d’une grille Bootstrap, ce qui facilite la vie du programmeur.
Tout comme le système osseux constitue une structure de soutien pour un corps, le framework Skeleton agit comme une structure sous la surface d’un site Web. Il s’agit d’un framework CSS simple et propre pour les sites Web, et les applications construites à l’aide d’HTML5.
Skeleton dispose d’une grille de mise en page responsive grâce aux « media queries » pour les propriétés de style CSS spécifiques aux différents appareils. Il comprend également un modèle pour le clonage de sites Web et un code javascript qui permet de styliser correctement des éléments HTML5 dans les anciens navigateurs Web.
Mention spéciale pour le slogan : « A dead simple, responsive boilerplate »
Tailwind est présenté comme un framework CSS de bas niveau, hautement personnalisable. Il est dit « de bas niveau » parce qu’au lieu de proposer des composants prédéfinis, Tailwind propose des classes utilitaires : contrairement à d’autres frameworks CSS tels que Bootstrap ou Foundation, Tailwind propose des classes pour notre propre HTML.