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.