Semantic-ui vs Bootstrap [zamknięte]


107

Który z nich jest najlepszy w użyciu i jeśli to możliwe, podaj różnice i zalety tych dwóch.

Semantic-ui vs Bootstrap Próbuję zbudować mój interfejs użytkownika i jestem naprawdę zdezorientowany co do tego, czego użyć.

Proszę zasugerować mi najlepszy i jeśli to możliwe z przykładami.

Odpowiedzi:


62

Myślę, że w tej chwili nie widzimy różnic między Bootstrap i Semantic-UI , Semantic-ui jest nowe, więc czas musi zadecydować :)

Moja opinia: Projekt Semantic-UI jest lepszy niż Bootstrap i bardziej przejrzysty, łatwy w użyciu, ścisłe kodowanie, przydatne komponenty, lekki. Widzę przyszłość frameworków w semantycznym interfejsie użytkownika, więc wniesie wkład i mam nadzieję, że wszystko będzie najlepsze, ale nie będę go używać do dużych projektów, które wymagają ogromnych informacji zwrotnych i wsparcia!


2
Bardzo podoba mi się twoja opinia, szczególnie na temat "nie będę go używać do dużych projektów, które zależą od ogromnych opinii i wsparcia". Ponieważ miałem właśnie skoczyć ze statku.
windmaomao,

2
2 lata temu Semantic UI wydawało się lżejsze niż Bootstrap. Ale teraz spójrzmy ...
Han

3
Cóż, nie mogę się zgodzić, zamierzam użyć semantic-ui po raz pierwszy i będę w dużym projekcie, z tego co widzę, jestem pewien, że poradzi sobie całkiem nieźle.
Pedro

31

Jeśli nie masz nic przeciwko, dodaję w temacie Foundation by Zurb (jedyna prawdziwa słuszna alternatywa dla Bootstrap w tej chwili).

Właśnie sprawdziłem projekt / framework SemUI i jest niesamowity. Pomysł budowania stron w ścisły sposób semantyczny jest oczywiście dobry, ponadto projekt jest moim zdaniem oszałamiający i jest wiele komponentów i ustawień do wykorzystania i wyboru z zestawu.

Inną rzeczą, którą zauważyłem, jest pakiet, bardzo dobrze zorganizowany, każdy komponent, jeśli chcesz, ma własny arkusz stylów i plik skryptu, dzięki czemu będziesz mógł załadować tylko to, czego potrzebujesz, nawet dlatego, że pakiet jest dość ciężki, jeśli włączysz wszystko na jednej stronie.

Przyznam, że jeśli chodzi o wersję przedpremierową, rozważam zbudowanie mojej następnej aplikacji internetowej z takim frameworkiem, ale mam pewne wątpliwości:

  • czy to przede wszystkim mobilne jak Bootstrap czy Foundation? z tego, co widzę, nie wygląda na to;
  • Bootstrap ma dwóch ważnych i znanych współpracowników, a Fundacja ma za sobą Zurb, a co z SemanticUI? to jest wersja przedpremierowa, czy zobaczymy inne wydania?

Ze względu na takie kłopoty myślę, że w tej chwili unikam używania go do projektów biznesowych / komercyjnych, być może w bardzo bliskiej przyszłości, ale jeśli planujesz użyć go do własnej aplikacji internetowej (takiej jak moja), ja myślę, że to całkiem dobry wybór.

Jeśli z jakiegoś powodu chcesz wrócić do Bootstrap, myślę, że nie jest to aż tak bolesne (wiele komponentów semantycznych wydaje się opartych na Bootstrapie).


5
Warto zauważyć, że SemUI używa nazw klas prezentacyjnych, podobnie jak Foundation i Bootstrap, mimo że ma w nazwie semantyczną. Zgadzam się, że nazwy klas są mniej abstrakcyjne, ale w ten sam sposób prezentują. Jeśli jesteś zainteresowany Foundation 3/4 pozwala na użycie Sass Mixins do stworzenia prawdziwie semantycznego html / css. Możesz ustawić identyfikator na podstawie „zawartości”, a następnie zastosować Foundation Sass Mixins do tego identyfikatora w swoim Sass / Scss.
JAMESSTONEco

4
Projekt komponentów semanticUI przyciąga wzrok. Ale semanticUI stoi za bootstrapem w przypadku kompatybilności przeglądarki. Bootstrap kompatybilny z IE 7+, ale semanticUI kompatybilny tylko z IE 9+
McLosys Creative

12
@McLosysCreative Szczerze mówiąc, może to być postrzegane jako wada Bootstrap. Zgadzam się, że wszystkie frameworki HTML / CSS powinny być kompatybilne z przeglądarkami, ale tylko w granicach rozsądku. W tym momencie IE7 ma 8 lat i 4 główne wersje za nim. Nawet Google już go oficjalnie nie obsługuje. (oficjalnie obsługują tylko 3 najnowsze wersje 5 najpopularniejszych przeglądarek) Mając to na uwadze, obsługa tak dawnych czasów wydaje się stratą czasu (i dodatkowego kodu).
Nicholas Summers

-19

Semantyczny interfejs użytkownika tak naprawdę nie dotyczy widoków mobilnych lub responsywnych, takich jak Bootstrap i Foundation. Bardziej przypomina zbiór gotowych elementów interfejsu użytkownika, które całkiem dobrze współpracują ze znacznikami semantycznymi, które są lepsze niż Bootstrap / Foundation. Ale obecnie największą wadą jest to, że nie jest ukierunkowany na urządzenia mobilne. Jeśli więc chcesz dobrze zaprojektowanej witryny, użyj Semantic-UI.


1
Semantic-UI nie odpowiada?
Arslan Ali

2
W całym projekcie nie używali jednostki px, podczas gdy używają ich wszędzie !!!
bawa g

10
Semantyczny interfejs użytkownika jest zdecydowanie responsywny. Zaktualizuj swoją odpowiedź, w przeciwnym razie jest nieprawidłowa.
Jeriko

3
Ta odpowiedź jest zdecydowanie nieaktualna. Semantyczny jest responsywny.
Lashae

Semantic-UI rodzi się do responsywności.
Xiao Hanyu
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.