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.

angularjs twitter-bootstrap-3 material-design angular-material Asik
la source
7
github.com/FezVrasta/bootstrap-material-design
cvrebert
1
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
2
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

Réponses:

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.

  1. Bootstrap = page réactive
  2. AngularJS = MVC
  3. 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
la source
4
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
3
La première URL de @MathiasConradt n'existe plus. Je suppose que vous vouliez dire materialup.com/posts/c/resources
bernard
11
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
2
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
1
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.