124

Ich werde ein neues Projekt mit AngularJS (full stack) starten. Mein Projekt muss reaktionsschnell sein und ich werde Vorlagen von Grund auf neu erstellen.Bootstrap vs Material Design auswählen

Also brauche ich einen Ratschlag, ob Bootstrap 3 (mit eckigen Anweisungen) oder Materialdesign für Layouts zu wählen?

Ich würde sehr schätzen, wenn jemand die Profis & Nachteile von beiden auflisten kann.

+5

https://github.com/FezVrasta/bootstrap-material-design – cvrebert

+1

Bootstrap hinter einer starken Gemeinschaft hat. Sein Rastersystem hat mehr Funktionen. Material Design diktieren die Art, wie Sie UI und Stile entwickeln. Es hat moderne UI-Elemente. Sie können hier mehr lesen http://tutorialzine.com/2015/07/comparing-bootstrap-with-mdl –

+1

Wenn Sie IE8/9 unterstützen müssen, dann wird Material Design nicht funktionieren, da es Flexbox Grid-Layout verwendet. Ich würde sogar JETZT mit eckigen ui Bootstrap gehen, da es viel reifer ist als Material Design, das viele Bugs hat ... – Pascal

Antwort

119

Soweit ich weiß, können Sie alle genannten Technologien einzeln oder zusammen verwenden. Es liegt an dir. Ich denke, du betrachtest das Problem aus dem falschen Blickwinkel. Material Design ist genau so, wie bestimmte Elemente der Seite entworfen, benützt und zusammengestellt werden. Material Design bietet großartige UI/UX-Funktionen, basiert jedoch auf dem grafischen Layout (HTML/CSS) und nicht auf JS (Ereignisse, Interaktionen).

Auf der anderen Seite sind AngularJS und Bootstrap Front-End-Frameworks, die Ihre Entwicklung beschleunigen können, indem Sie viel Code sparen. Zum Beispiel können Sie eine Web-App mit AngularJS erstellen, jedoch ohne Material Design. Oder Sie können einfache HTML5-Webseiten mit Material Design ohne AngularJS oder Bootstrap erstellen. Schließlich können Sie eine Web-App erstellen, die AngularJS mit Bootstrap und mit Material Design verwendet. Dies ist das beste Szenario. Alle Technologien unterstützen sich gegenseitig.

  1. Bootstrap = ansprechende Seite
  2. AngularJS = MVC
  3. Material Design = große UI/UX

Sie Komponenten ehrfürchtigen Material Design für AngularJS überprüfen:

https://material.angularjs.org


enter image description here

Demo:https://material.angularjs.org/latest/demo/ enter image description here

+4

Dies könnte auch eine nützliche Seite sein: http://www.materialup.com/resources, die einen Überblick über Material Design Frameworks, inkl. https: //fezvrasta.github.io/bootstrap-material-design/ –

+0

Danke für deine Kommentare Mike :) – Asik

+2

@MathiasConradt erste URL existiert nicht mehr. Ich denke du meinst http://www.materialup.com/posts/c/resources –