Propeller Framework combina Bootstrap e Google Material Design

L'immensa popolarità del design dei materiali di Google non dovrebbe sorprendere. Fa parte di un moderno stile dell'interfaccia utente che si concentra maggiormente sul design piatto con un'enfasi su modelli UX e usabilità .

Prendendo i concetti di design dei materiali e aggiungendoli a Bootstrap, otteniamo il framework Propeller .

Questa struttura open source completamente reattiva svolge perfettamente il ruolo materiale. Viene fornito con una libreria di componenti di 25 elementi dell'interfaccia utente, insieme a modelli personalizzati per accelerare la produzione.

Puoi trovare tutto il codice sorgente su GitHub, insieme alle informazioni di supporto del browser e agli aggiornamenti recenti.

Se vuoi immergerti davvero dovresti controllare la pagina della documentazione . È qui che si verificano le cose buone, che coprono la struttura delle cartelle, l'impostazione di base del sito, l'utilizzo dei componenti e come personalizzare da soli il kit.

La maggior parte dei componenti viene eseguita sopra le classi di Bootstrap, quindi stai lavorando con una base di codice BootStrap autentica . Tuttavia, è fortemente personalizzato per imitare le animazioni e le ideologie del design del materiale.

Menu a discesa, moduli, widget a schede e barre di avanzamento, tutti questi componenti seguono lo stile di progettazione del materiale e sono estremamente facili da configurare. La parte difficile è trovare il componente esatto per abbinare il tuo sito perché ce ne sono così tanti tra cui scegliere.

In generale, Propeller segue la maggior parte delle linee guida di progettazione di Google . Gli sviluppatori hanno fatto un lavoro fantastico con questo framework e corrispondono davvero allo stile del materiale.

Nella pagina Inizia, troverai quattro diversi download, ciascuno con uno scopo ben preciso:

1. Materiale a tema : per siti Bootstrap esistenti che desiderano uno stile di progettazione del materiale
2. Elica Kit : tutta la libreria CSS / JS pronta per la produzione
3. Stand Alone : singoli componenti che è possibile copiare / incollare per i propri progetti
4. Modello di amministrazione : un modello di pannello di amministrazione personalizzato realizzato con Propeller

Se sei nuovo nel framework puoi scaricare l'intero kit e armeggiare. Questo pacchetto non ha molte pagine di esempio, ma puoi vedere il sito di Elica per vedere come è.

Questo framework è pronto per la produzione se stai cercando un tema materiale. È uno dei quadri più semplici con cui costruire ed è probabile che sarà in giro per gli anni a venire.