Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Web Design
  2. Frameworks
Webdesign

Un guide rapide pour choisir le meilleur framework pour vous

by
Length:ShortLanguages:

French (Français) translation by Henri Lotin (you can also view the original English article)

Une variété de plus en plus croissante de frameworks est disponible aussi bien pour les designers que pour les développeurs front-end, prête pour un prototypage et une implémentation rapides. Il existe une large gamme de frameworks détaillés et légers, et la plupart ont tout entre les deux. Avec autant d'options, vous pourriez simplement choisir le plus populaire, mais il peut ne pas être le plus adapté à votre projet en particulier.

Chaque framework a ses avantages, et c'est à vous de voir lequel correspond le mieux à vos besoins. Heureusement, j'ai fait certaines recherches et expériences pour vous en étudiant attentivement quatre frameworks différents. Je les ai évalué sur :

  • La simplicité d'apprentissage
  • Le volume des ressources externes
  • La versatilité
  • Le support par le navigateur
  • L'accessibilité

Les frameworks que j'ai étudié sont Bootstrap, Concise, Foundation, et Gumby. Gardez-le à l'esprit, je ne vous conseillerai pas au sujet duquel choisir ou ne vous dirai lequel je préfère, j'expliquerai simplement les forces de chaque framework afin que vous décidiez vous-même celui qui vous convient le mieux. Plongeons !

Bootstrap Concise Foundation and Gumby frameworks

Note : J'utilise le terme Framework, mais certains pourraient penser que Bibliothèque ou Boilerplate sont plus appropriés.

La simplicité d'apprentissage

Vainqueur : Concise

Chacun des frameworks que j'ai observé a une courbe d'apprentissage relativement facile et mince, mais j'ai trouvé Concise plus approprié pour un débutant. En framework allégé, Concise est léger en fonctionnalités, permettant à la documentation d'être rapide et simple à lire.

Si votre besoin va au-delà des fonctionnalités basiques, il existe une bonne quantité d'ajouts (extensions) que vous pouvez intégrer dans votre projet.

Concise add-ons

Mi-parcours : Bootstrap et Foundation

Bootstrap et Foundation ont tous deux une documentation exceptionnelle pour vous guider dans les réglages, les modules et les extensions. La large gamme de fonctionnalités rend inévitablement la documentation un peu complexe et intimidante pour le débutant, comparé à Concise. Foundation arrive avec un fichier démo appelé index.html pour que les débutants expérimentent et s'en servent comme point de départ.

Plus avancé : Gumby

Le téléchargement de Gumby est également livré avec un fichier demo.html pour montrer sa grille en action, et aussi ui.html avec des exemples de chaque élément d'interface utilisateur. Toutefois, il est plus intimidant à paramétrer avec de forts encouragements à utiliser Sass et de compiler du CSS dans le terminal. Bien que ces derniers ne soient pas indispensables pour utiliser Gumby, ils constituent l'essentiel de la documentation pour débuter.

Gumby n'a qu'une seule option de téléchargement, contrairement à Bootstrap et Foundation qui vous donnent la possibilité de télécharger différents packages pour s'adapter à vos besoins et capacités.

Le volume des ressources externes

Vainqueur : Foundation

En dehors de la documentation, une recherche rapide Google vous fournira l'aide supplémentaire dont vous aurez besoin comme vous avancerez. Foundation, cependant, a son propre centre de formation et des vidéos pour une expérience d'apprentissage en douceur. Si vous avez plutôt de petits entrefilets croustillants ça et là, une immense quantité de blogs et de tutoriels ont été rédigés avec des astuces d'utilisation de Foundation, incluant sur Tuts+.

Foundation tutorials on Tuts

Second de près : Bootstrap

Comme Foundation, Bootstrap a été absorbé dans la communauté du design et du front-end depuis sa conception. Tuts+ a plusieurs cours et beaucoup de tutoriels disponibles sur le sujet. Pour un framework immensément populaire, il y a une tonne de blogs, d'articles et de forums à votre disposition.

Mi-parcours : Gumby

Gumby a aussi été bien couvert dans les blogs et les tutoriels, cependant, pas de manière aussi extensive que pour Foundation et Bootstrap. La documentation de Gumby vous orientera aussi vers des ressources pour apprendre Sass et des outils utiles pour compiler du CSS.

Un nouveau môme dans le quartier : Concise

Récemment arrivé sur la scène des frameworks, Concise est déjà aussi suivi de près que les trois autres. Les ressources supplémentaires ne sont pas nécessaires bien qu'en tenant compte de la petite taille et de la versatilité de ce framework.

Versatilité

Egalité : Bootstrap, Foundation, et Gumby

Bootstrap et Foundation sont tous deux des frameworks détaillés, avec une vaste quantité de fonctionnalités et de ressources à votre disposition. Chacun d'eux peut être personnalisé avant même que vous ne téléchargiez les fichiers, ce qui signifie peu d'overrides CSS pour vous.

Ils sont aussi versatiles dans la manière dont ils peuvent être utilisés, comme combinés à un CMS ou pour le prototypage d'application. Les trois ont des fonctionnalités UI similaires, cependant Bootstrap et Foundation en ont quelques unes de plus que Gumby, comme la typographie, les lightboxes, et les accordéons.

Customise your Bootstrap download

Basique : Concise

Concise est conçu pour être un petit framework, rendant disponible juste le nécessaire. Contrairement aux trois autres, Concise vous donne uniquement ce qui est nécessaire dans son téléchargement, mais vous permet de construire dessus comme vous voulez. C'est super si vous voulez concevoir des éléments d'UI vous-même, et vous aurez besoin de peu d'overrides CSS.

Le support par le navigateur et l'accessibilité

Tous les frameworks de notre test se positionnent plutôt similairement dans ce domaine, en suivant la plupart des standards. Foundation est le seul qui ne supporte pas IE8.

La compatibilité de Foundation

Bootstrap met en garde sur certaines propriétés CSS3 qui ne sont pas supportées dans IE8.

"Internet Explorer 8 et 9 sont également supportés, toutefois, soyez informés que certaines propriétés CSS3 et éléments HTML5 ne sont pas pleinement supportés par ces navigateurs. – Documentation Bootstrap

La documentation de Bootstrap couvre en détail le support du navigateur et de l'appareil, aussi bien que les différences dans la manière dont certaines propriétés sont rendues. La section suivante de la documentation de Bootstrap couvre l'accessibilité. Foundation donne également un aperçu des bonnes pratiques, mais Concise et Gumby ne le font pas.

Mention honorable

Skeleton est un autre framework allégé, similaire à Concise, et a récemment subi une refonte. Il est plus efficace pour des sites plus petits, principalement orienté sur la navigation et la typographie. Bien qu'avec moins de styles que Concise il est svelte, soigné, allégé et très facile à prendre en main. Il n'inclut ni Sass ni CSS réduits, à la différence des quatre frameworks étudiés.

Conclusion

Il n'y a pas de mauvais choix pour le framework que vous devez utiliser, seulement un meilleur choix. Mon but ici était de vous aider à comprendre quel est le meilleur choix pour vous, basé sur un critère qui pourrait influencer un projet et votre flux de travail. Que vous soyez nouveau dans les frameworks, ou que vous sachiez comment ils fonctionnent, c'est important de déterminer lequel sied aux besoins de votre projet.

Voici un bref résumé sous forme de tableau. ★ suggère un vainqueur incontesté, alors que ☆ implique que le point le plus élevé a été partagé.


Bootstrap Concise Foundation Gumby
La simplicité d'apprentissage



Le volume des ressources externes



La versatilité




Le support du navigateur



Accessibilité




En fonction du critère auquel vous regardez – simplicité d'apprentissage, ressources externes, versatilité, et support du navigateur et accessibilité – un ou deux se positionneront plus haut pour vous, et vous devrez choisir votre framework en conséquence. Pour ceux d'entre vous qui avez de l'expérience avec Bootstrap, Concise, Foundation, ou Gumby, dans quels aspects pensez-vous que le framework de votre choix fonctionne le mieux ? Pour quels types de projets vous en servez-vous ?

Pour ceux d'entre vous qui s'appuient sur d'autres frameworks, comment trouvez-vous votre choix par rapport à ceux-ci ?

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.