Semantic-ui vs Bootstrap [chiuso]


107

Qual è il migliore da usare e, se possibile, fornisci le differenze ei vantaggi di questi due.

Semantic-ui vs Bootstrap Sto cercando di costruire la mia interfaccia utente e sono davvero confuso su cosa usare.

Per favore suggeriscimi il migliore e, se possibile, con esempi.

Risposte:


62

Penso che non possiamo vedere le differenze tra Bootstrap e Semantic-UI in questo momento, Semantic-ui è nuovo, quindi dobbiamo lasciare che sia il tempo a decidere :)

La mia opinione: il design dell'interfaccia utente semantica è migliore di Bootstrap e più pulito, facile da usare, codifica rigorosa, componenti utili, leggeri. Vedo il futuro di Frameworks in Semantic-UI, quindi contribuirò e spero il meglio per questo, ma non lo userò per grandi progetti che dipendono da enormi feedback e supporti!


2
Mi piace molto la tua opinione, soprattutto su "non lo userò per grandi progetti che dipendono da un enorme feedback e supporto". Perché stavo per abbandonare la nave.
windmaomao

2
2 anni fa, l'interfaccia utente semantica sembrava essere più leggera di Bootstrap. Ma ora, diamo un'occhiata ...
Han

3
Beh, non posso essere d'accordo, userò semantic-ui per la prima volta e sarò in un grande progetto, per quello che vedo, sono abbastanza sicuro che gestirà abbastanza bene.
Pedro

31

Se non ti dispiace, aggiungo nell'argomento Foundation di Zurb (l'unica vera valida alternativa a Bootstrap al momento).

Ho appena controllato il progetto / framework SemUI ed è davvero fantastico. L'idea di costruire le tue pagine in modo semantico rigoroso è ovviamente buona, inoltre il design secondo me è sbalorditivo e ci sono molti componenti e impostazioni da usare e da scegliere dal set.

Un'altra cosa che ho notato è il pacchetto, molto ben organizzato, ogni componente se vuoi ha il suo foglio di stile e file di script, quindi potrai caricare solo quello che ti serve, anche perché il pacchetto è piuttosto pesante se includi tutto in una sola pagina.

Per una pre-release ammetto che sto valutando la possibilità di realizzare la mia prossima web-app con tale framework, ma ho qualche perplessità:

  • è mobile-first come Bootstrap o Foundation? da quello che posso vedere, non sembra così;
  • Bootstrap ha due validi e noti collaboratori e Foundation ha ottenuto Zurb, che dire di SemanticUI? questa è una pre-release, vedremo altre release?

a causa di tali perplessità penso di evitare di usarlo per un progetto aziendale / commerciale al momento, magari in un futuro molto prossimo, ma se hai intenzione di usarlo per la tua web-app personale (come la mia), io penso che sia una buona scelta.

Quindi, se vuoi fare il fallback a Bootstrap per qualsiasi motivo, penso che non sia così doloroso (molti dei componenti semantici sembrano basati su Bootstrap).


5
Vale la pena notare che SemUI utilizza nomi di classi di presentazione proprio come Foundation e Bootstrap nonostante abbia la semantica nel suo nome. Sono d'accordo sul fatto che i nomi delle classi siano meno astratti ma sono presentazionali allo stesso modo. Se sei interessato Foundation 3/4 ti permette di usare Sass Mixin per creare html / css veramente semantici. Puoi impostare un ID basato sul "contenuto" e quindi applicare Foundation Sass Mixins a quell'ID nel tuo Sass / Scss.
JAMESSTONEco

4
Il design dei componenti di semanticUI è accattivante. Ma semanticUI è dietro il bootstrap nel caso della compatibilità del browser. Bootstrap compatibile con IE 7+, ma semanticUI compatibile solo con IE 9+
McLosys Creative

12
@McLosysCreative Ad essere onesti, questo potrebbe essere visto più come uno svantaggio per Bootstrap. Sono d'accordo che tutti i framework HTML / CSS dovrebbero avere una discreta quantità di compatibilità del browser, ma solo entro limiti ragionevoli. A questo punto, IE7 ha 8 anni ed è indietro di 4 versioni principali. Anche Google non lo supporta più ufficialmente. (supportano ufficialmente solo le ultime 3 versioni dei primi 5 browser) Con questo in mente, sembra uno sforzo inutile (e codice extra) supportare così indietro.
Nicholas Summers

-19

L'interfaccia utente semantica non si rivolge davvero a visualizzazioni mobili o reattive come Bootstrap e Foundation. È più simile a una raccolta di elementi dell'interfaccia utente preconfezionati che funzionano abbastanza bene insieme al markup semantico superiore a Bootstrap / Foundation. Ma il più grande svantaggio in questo momento è che non è incentrato sui dispositivi mobili. Quindi, se vuoi un sito ben disegnato, usa Semantic-UI.


1
L'interfaccia utente semantica non è reattiva?
Arslan Ali

2
In tutto il progetto non hanno usato l'unità px mentre le stanno usando ovunque !!!
bawa g

10
L'interfaccia utente semantica è decisamente reattiva. Dovresti aggiornare la tua risposta altrimenti non è corretta.
Jeriko

3
Questa risposta è decisamente obsoleta. La semantica è reattiva.
Lashae

Semantic-UI è nata per responsive.
Xiao Hanyu
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.