﻿Construisez des projets mobiles réactifs sur le Web avec la bibliothèque de composants frontales la plus populaire au monde.
Bootstrap est une boîte à outils open source pour le développement nécessitant HTML, CSS et JS. Prototypez rapidement vos idées ou construisez votre application entière avec nos variables et mixins Sass, notre système de grille réactif, nos composants préconstruits étendus et nos puissants plugins construits sur jQuery.


Un Framework pour tout appareil, moyen et accessibilité. Foundation est une famille de Framework front-end réactifs qui facilitent la conception de magnifiques sites Web, applications et e-mails réactifs qui ont l'air incroyables, sur n'importe quel appareil. Foundation est sémantique, lisible, flexible et entièrement personnalisable. Nous ajoutons constamment de nouvelles ressources et extraits de code, y compris des modèles HTML pratiques pour vous aider à démarrer!

Bulma est un framework CSS libre et open source basé sur Flexbox et construit avec Sass. Il est 100% réactif, entièrement modulaire, et disponible gratuitement.




Top 6 des meilleurs Frameworks CSS pour 2019

Il est tout à fait évident quand vous tombez sur un site apparemment fait de HTML pur, et cela est généralement critiqué avec le commentaire "Cela fait année 90s". La conception du World Wide Web a sans doute changé depuis son adoption dans le grand public tout au long de la fin des années 80 et au début des années 90. L'un des catalyseurs de ce changement a été l'introduction de CSS (ou Feuilles de style en cascade) il y a environ 2 décennies et certains changements. Plus récemment, le langage de programmation a vu des améliorations drastiques et des capacités comme flexbox pour n'en nommer qu'un seul. Des groupes talentueux de développeurs ont pris CSS et construit ce qui est communément connu sous le nom de frameworks de conception d'interface. Ou en d'autres termes, les frameworks CSS responsives front-end sont utilisés à la fois comme un outil puissant et une ressource pour apprendre à concevoir un site Web. Sans trop spoiler, plongeons-nous dans les meilleurs frameworks CSS pour 2019 avec leurs avantages et inconvénients.
Les 6 meilleurs frameworks CSS pour 2019 (mise à jour)
Tout d'abord, il est important de comprendre exactement ce que font les frameworks CSS responsives et la façon dont il peut vous aider à apprendre à concevoir un site Web. Imaginez que vous cuisinez un repas. Cela peut être quelque chose de complètement nouveau ou peut-être êtes-vous un vétéran chevronné. Comme un chef amateur ou professionnel le sait, la préparation passe toujours en premier, et ce processus implique généralement la collecte des ingrédients nécessaires pour votre repas. Vous devez passer par plusieurs armoires dans la cuisine, trouver toutes les épices, les sortir, les organiser, et finalement les mélanger ensemble.
Maintenant, imaginez que vous ayez une cuisine où tout est déjà aménagé pour vous - supprimez efficacement tout le travail répétitif que l'on doit faire au cours de cette étape préparatoire. C'est, en substance, exactement ce qu'un framework web fait pour vous. Il pose toutes les pièces nécessaires dont vous avez besoin afin de créer de beaux sites Web et responsives en seulement une petite partie du temps qu'il vous faudrait normalement. Oui, les frameworks ont un inconvénient, mais nous verront cela vers la fin. Voici notre liste des meilleurs frameworks de conception d'interface pour 2019.

Cette liste des meilleurs frameworks CSS n'est pas dans un ordre particulier

1. Bootstrap
Bootstrap est sans aucun doute l'un des Frameworks CSS les plus populaires disponibles aujourd'hui. Venant directement de leur site Web, Bootstrap se qualifie de « prototype rapide de vos idées ou de construction de votre application entière avec nos variables et mixins Sass, notre système de grille Responsive, ses composants préconstruits étendus et nos puissants plugins construits sur jQuery ». Vous pouvez construire, ou apprendre à concevoir un site Web en seulement quelques heures, même pour un débutant.
Avantages
• Facile à apprendre
• Capacité de faire de grands sites à la recherche dans un petit laps de temps
• Des centaines de modèles et de ressources en ligne pour apprendre et utiliser
• Grande documentation
Contre
• Plus difficile d'apprendre à un niveau avancé
• L'ajout de trop de classes de Bootstrap peut le rendre plus difficile/malpropre pour les styles personnalisés
• Parfois, on a l'impression qu'il y en a trop, ce qui peut créer de la complexité

2. Materialize CSS
Materialize CSS est l'un des Frameworks de conception d'interface web qui peut sembler plus familier à première vue. Pourquoi? Eh bien, il est basé sur la conception de «Matériel» Google  et fournit des composants comme des boutons simples, des cartes avec une boîte en légère-ombre, effets de survol propre, et en effet le très connu "plus" bouton flottant comme on le voit dans une grande variété d'interfaces.
Site Web de Materialize CSS 
Avantages
• L'un des Frameworks CSS les plus réactifs à apprendre
• Un système de grille très simple pour les mises en page rapides
• Look propre et moderne
• Une grande variété de composants et d'effets pour maquetter les sites en quelques minutes
Contre
• Peut-être pas aussi "joli" que les autres Frameworks, mais fait le travail
• Facile à repérer les sites Web/pages conçues avec Materialize CSS

3. Semantic UI
Semantic UI a été rendu populaire non seulement par son design Bootstrap-like, mais en grande partie en raison de son utilisation de classes bien intitulées. Comme tiré de son nom, le Framework Semantic UI offre un faible apprentissage parce que les noms de classe sont facilement lisibles, et sont faciles à comprendre. Ils ressemblent, dans un sens, au pseudo-code par la façon dont ils sont écrits. Par exemple, pour créer un bouton, il vous suffit de donner à l'élément une classe de "ui bouton". Dans d'autres Frameworks comme Bootstrap, ces classes ressemblent généralement à ceci: "btn btn-primaire btn-lg".
Avantages
• Noms de classe faciles à apprendre en raison de la convention de nommage de la langue naturelle de Semantic UI,
• Beau style qui fonctionne avec n'importe quel site Web.
Contre
• L'un des Frameworks les plus difficiles à apprendre,
• Un Framework qui nécessite une certaine étude et pratique avant de vraiment le maîtriser.

4. Material UI
L'interface de Material-UI semble être l'idée originale de Materialize CSS et Bootstrap. Il favorise la simplicité et la conception matérielle google-esque de Materialize CSS, tout en conservant la beauté que Bootstrap apporte à la table (qui est une catégorie Materialize CSS tombe légèrement à court). Material-UI est idéal pour la conception d'interfaces utilisateur, tableaux de bord, cartes matérielles, et même de belles pages finales. Maintenant, il y a quelque chose de différent à dire sur Material-UI compte tenu de sa part du Framework React qui est un Framework JavaScript fait pour la conception d’interface. Cela signifie que ce ne serait pas un choix judicieux si vous êtes un débutant et que vous n'avez aucune expérience avec JavaScript, ou React.
Avantages
• Capacités de conception belles et flexibles
• Vaste documentation avec une grande variété de composants prêts à l'emploi
• À la hauteur de la conception matérielle de Google
Contre
• Ce n’est pas un Framework qui peut être utilisé au pied levé sans aucune pratique
• Nécessite la connaissance de React JS et JavaScript pour être mis en œuvre

5. UIKit
UIKit est probablement le moins connu des Frameworks de conception d'interface web sur cette liste, bien que toujours assez puissant pour être considéré comme l'un des meilleurs Frameworks CSS. Cela étant dit, il a toujours le punch et, par conséquent, offre un look incroyablement propre et "moderne". Imaginez l'équivalent de la conception web de l'une de ces maisons carrées dans les collines de Los Angeles, ou des appartements de luxe nouvellement conçus dans le centre-ville de Manhattan. Tout semble "léger" et incroyablement simple et facile à réaliser faisant d'UIKit un outil puissant lors du choix de frameworks CSS réactifs.
Avantages
• Design "moderne" très convoité
• Une grande variété de composants
• Les composants n'affecteront pas les autres styles
Contre
• Mieux pour les concepteurs web expérimentés
• Manque de documentation approfondie (cela va probablement changer à mesure qu'il vieillit et augmente en popularité)

6. Foundation
Foundation est un Framework CSS créé par Zurb et est actuellement en version 6. Alors qu'à première vue de nombreux designers peuvent penser "eh, il ne semble pas aussi bon que Bootstrap", ce n'est pas saper la puissance de Fondation en aucun cas. Discutons de quelques avantages et inconvénients de l'utilisation de ce Framework CSS.
Avantages
• Pas besoin de spécifier les hauteurs et les largeurs car il utilise des REM par défaut
• Conception extrêmement réactive pour les sites Web avec une interface et une conception plus simple
• Utilisé par de grandes entreprises telles que eBay, Disney, Cisco, Mozilla, et plus
Contre
• Pas pour les débutant - Beaucoup vous recommanderont d'avoir une expérience préalable avec Vanilla CSS et / ou d'autres Framework.
• Bien que les composants de conception soient plus faciles à personnaliser, ils ne sont pas aussi attrayants

Alors, quels sont les meilleurs framework CSS pour apprendre à concevoir un site Web?
Si vous voulez juste apprendre à concevoir un site Web, la plupart des gens n'hésiteraient pas à mentionner Bootstrap. Il est hautement personnalisable, facile à apprendre, et il y a des milliers de ressources en ligne, y compris sa propre documentation bien écrite. Coïncidant avec ce framework, Le CSS materialize arrive en deuxième position pour les framework CSS plus adaptés aux débutants. Chacun d'eux offre également leur propre style de conception unique pour aider à démarrer avec une certaine inspiration, puis permettre la conception de votre site à partir de là.
Ce n'est pas sans compter sur Semantic UI, Material UI, or UIKit, mais plutôt ce sont des framework plus difficiles à apprendre et il serait sage de rafraîchir vos compétences CSS avant de les utiliser. Cette liste des meilleurs framework CSS sert d'outils pour ajouter des blocs de construction pour vos sites Web et conceptions d'interface emploi. Avoir une solide compréhension de HTML, CSS, et JavaScript est toujours la compétence la plus importante dans l'ensemble. Cela s'avérera inestimable pour vous lorsque vous voulez ajouter des styles personnalisés sur les styles existants fournis à travers ces frameworks.
https://www.skysilk.com/blog/2018/6-best-css-frameworks-2019/
