Choix du bootstrap ou de la conception matérielle [fermé]

184

Je vais démarrer un nouveau projet en utilisant AngularJS (full stack). Mon projet doit être réactif et je vais créer des modèles à partir de zéro.

J'ai donc besoin d'un conseil pour choisir le bootstrap 3 (avec directives angulaires) ou la conception de matériaux pour les mises en page?

J'apprécierais beaucoup si quelqu'un pouvait énumérer les avantages et les inconvénients des deux.

— Asik
source

github.com/FezVrasta/bootstrap-material-design

— cvrebert

bootstrap a une puissante communauté derrière. Son système de grille a plus de fonctionnalités. la conception matérielle dicte la façon dont vous développez l'interface utilisateur et les styles. Il a des éléments d'interface utilisateur modernes. Vous pouvez en lire plus ici tutorialzine.com/2015/07/comparing-bootstrap-with-mdl

— Farshid Saberi

si vous devez prendre en charge IE8 / 9, la conception matérielle ne fonctionnera pas car elle utilise la disposition de grille Flexbox. J'irais même MAINTENANT avec le bootstrap angulaire de l'interface utilisateur car il est beaucoup plus mature que la conception matérielle qui a beaucoup de bugs ...

— Pascal

L'environnement de développement peut également être une considération. Dans Visual Studio 2015, Bootstrap est mature et bien pris en charge. Je n'ai pas trouvé que c'était le cas pour les matériaux et je ne l'utilise donc pas à ce stade. Serait intéressé de voir si d'autres utilisateurs de VS2015 avaient cette conclusion.

— CYoung

Je veux ajouter que les styles en ligne de MD sont une douleur. Je ne veux pas non plus avoir à mélanger les deux quand BS a la plupart de ce dont j'ai besoin. J'aime beaucoup MD mais j'attendrai qu'il mûrit davantage et se débarrasse des styles en ligne (que j'ai lu quelque part sur lesquels ils travaillaient, même si je ne le trouve pas maintenant).

— steveareeno

155

Autant que je sache, vous pouvez utiliser toutes les technologies mentionnées séparément ou ensemble. C'est à vous. Je pense que vous regardez le problème sous un mauvais angle. La conception matérielle est simplement la façon dont certains éléments de la page sont conçus, se comportent et sont assemblés. Material Design fournit une excellente interface utilisateur / UX, mais il repose sur la mise en page graphique (HTML / CSS) plutôt que sur JS (événements, interactions).

D'autre part, AngularJS et Bootstrap sont des frameworks frontaux qui peuvent accélérer votre développement en vous évitant d'écrire des tonnes de code. Par exemple, vous pouvez créer une application Web en utilisant AngularJS, mais sans Material Design. Ou vous pouvez créer une page Web HTML5 simple avec Material Design sans AngularJS ou Bootstrap. Enfin, vous pouvez créer une application Web qui utilise AngularJS avec Bootstrap et avec Material Design. C'est le meilleur scénario. Toutes les technologies se soutiennent mutuellement.

Bootstrap = page réactive
AngularJS = MVC
Conception matérielle = super UI / UX

Vous pouvez vérifier les composants de conception de matériaux impressionnants pour AngularJS:

https://material.angularjs.org

entrez la description de l'image ici

Démo: https://material.angularjs.org/latest/demo/ entrez la description de l'image ici

— Michael Money
source

Cela pourrait également être un site utile: materialup.com/resources , qui donne un aperçu des cadres de conception de matériaux, incl. fezvrasta.github.io/bootstrap-material-design

— Mathias Conradt

La première URL de @MathiasConradt n'existe plus. Je suppose que vous vouliez dire materialup.com/posts/c/resources

— bernard

Ce n'est pas une description très précise ... Le matériel et le bootstrap fournissent un design réactif et une excellente interface utilisateur / UX. MD semble être davantage adapté à l'audience mobile.

— Vladimir

Il est important de distinguer la conception matérielle du matériau angulaire . La conception de matériaux est un langage de conception , le matériau angulaire n'est qu'une bibliothèque de composants d'interface utilisateur qui utilise MD. Je suis sûr que vous pouvez trouver des thèmes et des extensions bootstrap qui utilisent la conception matérielle.

— Jens

Je voudrais faire écho à @Jens ci-dessus. J'aimerais avoir l'apparence et les effets d'interface utilisateur de Material tout en ayant la flexibilité et la familiarité de Bootstrap à ma disposition. Je suppose que c'est une question de choix.

— Yousof K.