Scelta del bootstrap rispetto al design del materiale [chiuso]

181

Inizierò un nuovo progetto usando AngularJS (stack completo). Il mio progetto deve essere reattivo e creerò modelli da zero.

Quindi ho bisogno di un consiglio se scegliere bootstrap 3 (con direttive angolari) o il design dei materiali per i layout?

Gradirei molto se qualcuno potesse elencare i pro e i contro di entrambi.

— Asik
fonte

github.com/FezVrasta/bootstrap-material-design

— cvrebert

bootstrap ha una potente comunità alle spalle. Il suo sistema a griglia ha più funzionalità. il design dei materiali determina il modo in cui sviluppi l'interfaccia utente e gli stili. Ha elementi dell'interfaccia utente moderni. Puoi leggere di più qui tutorialzine.com/2015/07/comparing-bootstrap-with-mdl

— Farshid Saberi

se è necessario supportare IE8 / 9, la progettazione del materiale non funzionerà in quanto utilizza il layout della griglia Flexbox. Vorrei andare anche ADESSO con il bootstrap angolare in quanto è molto più maturo del design materiale che ha molti bug ...

— Pascal,

Anche l'ambiente di sviluppo può essere considerato. In Visual Studio 2015, Bootstrap è maturo e ben supportato. Non ho trovato che fosse così per i materiali e quindi non lo sto usando a questo punto. Sarebbe interessato a vedere se altri utenti di VS2015 avevano questa conclusione.

— Visto il

Voglio dire che gli stili in linea di MD sono un dolore. Inoltre, non voglio dover mescolare i due quando BS ha la maggior parte di ciò di cui ho bisogno. Mi piace molto MD, ma aspetterò fino a quando non matura di più e si sbarazza degli stili in linea (che ho letto da qualche parte su cui stavano lavorando, anche se non riesco a trovarlo ora).

— Steveareeno,

153

Per quanto ne so, è possibile utilizzare tutte le tecnologie menzionate separatamente o insieme. Tocca a voi. Penso che tu guardi il problema dalla prospettiva sbagliata. Material Design è solo il modo in cui elementi particolari della pagina vengono progettati, comportati e messi insieme. Material Design offre un'ottima interfaccia utente / interfaccia utente, ma si basa sul layout grafico (HTML / CSS) anziché su JS (eventi, interazioni).

D'altra parte, AngularJS e Bootstrap sono framework front-end che possono accelerare il tuo sviluppo salvandoti dalla scrittura di tonnellate di codice. Ad esempio, è possibile creare un'app Web utilizzando AngularJS, ma senza Material Design. Oppure puoi creare una semplice pagina Web HTML5 con Material Design senza AngularJS o Bootstrap. Finalmente puoi creare un'app Web che utilizza AngularJS con Bootstrap e con Material Design. Questo è lo scenario migliore. Tutte le tecnologie si supportano a vicenda.

Bootstrap = pagina reattiva
AngularJS = MVC
Material Design = UI / UX eccezionale

Puoi controllare i fantastici componenti di progettazione dei materiali per AngularJS:

https://material.angularjs.org

inserisci qui la descrizione dell'immagine

Demo: https://material.angularjs.org/latest/demo/ inserisci qui la descrizione dell'immagine

— Michael Money
fonte

Questo potrebbe anche essere un sito utile: materialup.com/resources , che offre una panoramica dei framework di Material Design, incl. fezvrasta.github.io/bootstrap-material-design

— Mathias Conradt

Il primo URL di @MathiasConradt non esiste più. Immagino volessi dire materialup.com/posts/c/resources

— bernard il

Questa non è una descrizione molto accurata ... Sia il materiale che il bootstrap offrono un design reattivo e un'ottima interfaccia utente / interfaccia utente. MD sembra essere più personalizzato per gli spettatori di dispositivi mobili.

— Vladimir,

È importante distinguere il design del materiale dal materiale angolare . La progettazione dei materiali è un linguaggio di progettazione , il materiale angolare è solo una libreria di componenti dell'interfaccia utente che utilizza MD. Sono sicuro che puoi trovare temi ed estensioni bootstrap che utilizzano il design dei materiali.

— Jens,

Vorrei echeggiare @Jens sopra. Vorrei avere l'aspetto e gli effetti dell'interfaccia utente di Material pur avendo la flessibilità e la familiarità di Bootstrap a mia disposizione. Immagino sia una questione di scelta.

— Yousof K.,