Semantic-ui vs Bootstrap [geschlossen]

107

Welches ist das beste und wenn möglich, geben Sie bitte die Unterschiede und Vorteile dieser beiden an.

Semantic-ui vs Bootstrap Ich versuche meine Benutzeroberfläche zu erstellen und bin wirklich verwirrt, was ich verwenden soll.

Bitte schlagen Sie mir das beste vor und wenn möglich mit Beispielen.

Java-Fragen
quelle

Antworten:

62

Ich denke, dass wir die Unterschiede zwischen Bootstrap und Semantic-UI momentan nicht erkennen können. Semantic-ui ist neu, also müssen wir die Zeit entscheiden lassen :)

Meine Meinung: Semantic-UI-Design ist besser als Bootstrap und sauberer, benutzerfreundlicher, strenger Codierung, nützliche Komponenten, geringes Gewicht. Ich sehe die Zukunft von Frameworks in Semantic-UI, also werde ich dazu beitragen und das Beste dafür hoffen, aber ich werde es nicht für große Projekte verwenden, die von großen Rückmeldungen und Unterstützungen abhängen!

elkebirmed
quelle
2
Ihre Meinung gefällt mir sehr gut, insbesondere zu "Ich werde sie nicht für große Projekte verwenden, die von großen Rückmeldungen und Unterstützungen abhängen". Weil ich gerade dabei war, Schiff zu springen.
Windmaomao
2
Vor 2 Jahren schien die semantische Benutzeroberfläche leichter zu sein als Bootstrap. Aber jetzt schauen wir mal ...
Han
3
Nun, ich kann nicht zustimmen, ich werde Semantic-UI zum ersten Mal verwenden und werde in einem großen Projekt sein, für das, was ich sehe, bin ich mir ziemlich sicher, dass das ganz gut funktioniert.
Pedro
31

Wenn Sie nichts dagegen haben, füge ich Foundation by Zurb zum Thema hinzu (die derzeit einzig gültige Alternative zu Bootstrap).

Ich habe gerade das Projekt / Framework SemUI überprüft und es ist ziemlich großartig. Die Idee, Ihre Seiten streng semantisch zu erstellen, ist offensichtlich gut. Darüber hinaus ist das Design meiner Meinung nach atemberaubend und es gibt viele Komponenten und Einstellungen, die Sie verwenden und aus dem Set auswählen können.

Eine andere Sache, die mir aufgefallen ist, ist das Paket, sehr gut organisiert. Jede Komponente, wenn Sie möchten, hat ein eigenes Stylesheet und eine eigene Skriptdatei. Daher können Sie nur das laden, was Sie benötigen, auch wenn das Paket ziemlich schwer ist, wenn Sie es einschließen alles auf einer einzigen Seite.

Für eine Vorabversion gebe ich zu, dass ich erwäge, meine nächste Web-App mit einem solchen Framework zu erstellen, aber ich habe einige Verwirrungen:

  • Ist das Mobile-First wie Bootstrap oder Foundation? Nach allem, was ich sehen kann, sieht es nicht so aus.
  • Bootstrap hat zwei gültige und bekannte Mitwirkende und Foundation hat Zurb hinter sich gebracht. Was ist mit SemanticUI? Dies ist eine Vorabversion. Werden wir andere Veröffentlichungen sehen?

Aufgrund dieser Verwirrung denke ich, dass ich es im Moment vermeiden sollte, es für ein geschäftliches / kommerzielles Projekt zu verwenden, vielleicht in sehr naher Zukunft, aber wenn Sie vorhaben, es für Ihre eigene persönliche Web-App (wie meine) zu verwenden, ich Ich denke, es ist eine ziemlich gute Wahl.

Wenn Sie dann aus irgendeinem Grund auf Bootstrap zurückgreifen möchten, ist dies meiner Meinung nach nicht so schmerzhaft (viele der semantischen Komponenten scheinen auf Bootstrap zu basieren).

Alexian
quelle
5
Es ist erwähnenswert, dass SemUI Präsentationsklassennamen wie Foundation und Bootstrap verwendet, obwohl der Name semantisch ist. Ich stimme zu, dass die Klassennamen weniger abstrakt sind, aber auf die gleiche Weise präsentativ. Wenn Sie interessiert sind, können Sie mit Foundation 3/4 Sass Mixins verwenden, um wirklich semantisches HTML / CSS zu erstellen. Sie können eine ID basierend auf dem "Inhalt" festlegen und dann Foundation Sass Mixins auf diese ID in Ihrem Sass / Scss anwenden.
JAMESSTONEco
4
Das Komponentendesign von semanticUI ist ein Blickfang. Bei der Browserkompatibilität steckt semanticUI jedoch hinter Bootstrap. Bootstrap kompatibel mit IE 7+, aber semanticUI kompatibel nur IE 9+
McLosys Creative
12
@McLosysCreative Um ehrlich zu sein, könnte dies eher als Nachteil für Bootstrap angesehen werden. Ich bin damit einverstanden, dass alle HTML / CSS-Frameworks ein angemessenes Maß an Browserkompatibilität aufweisen sollten, jedoch nur im Rahmen des Zumutbaren. Zu diesem Zeitpunkt ist IE7 8 Jahre alt und 4 Hauptversionen dahinter. Selbst Google unterstützt es offiziell nicht mehr. (Sie unterstützen offiziell nur die neuesten 3 Versionen der Top-5-Browser.) Vor diesem Hintergrund scheint es eine vergebliche Anstrengung (und zusätzlicher Code) zu sein, diese weit zurückliegende Version zu unterstützen.
Nicholas Summers
-19

Die semantische Benutzeroberfläche befasst sich nicht wirklich mit mobilen oder reaktionsschnellen Ansichten wie Bootstrap und Foundation. Es ist eher eine Sammlung vorgefertigter UI-Elemente, die ziemlich gut mit semantischem Markup zusammenarbeiten, das Bootstrap / Foundation überlegen ist. Der größte Nachteil im Moment ist jedoch, dass es nicht auf Mobilgeräte ausgerichtet ist. Wenn Sie also eine gut gestaltete Site wünschen, verwenden Sie die Semantic-UI.

karenkun
quelle
1
Semantic-UI reagiert nicht?
Arslan Ali
2
Im ganzen Projekt haben sie keine px-Einheit verwendet, während sie sie überall verwenden !!!
bawa g
10
Die semantische Benutzeroberfläche reagiert definitiv. Sie sollten Ihre Antwort aktualisieren, da sie sonst falsch ist.
Jeriko
3
Diese Antwort ist definitiv veraltet. Semantic IS reagiert.
Lashae
Semantic-UI ist für Responsive geboren.
Xiao Hanyu