Propeller Framework combina Bootstrap e Google Material Design

L'immensa popolarità di Google design dei materiali dovrebbe venire come nessuna sorpresa. Fa parte di un moderno stile dell'interfaccia utente concentrandosi maggiormente su design piatto con un enfasi su UX e modelli di usabilità.

Prendendo i concetti di design dei materiali e aggiungendoli a Bootstrap, otteniamo il Struttura dell'elica.

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.

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

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

La maggior parte dei componenti viene eseguita sulle classi di Bootstrap, quindi stai lavorando con a base di codice BootStrap originale. Tuttavia, è fortemente personalizzato imitare il design del materialeLe animazioni e le ideologie del design.

Menu a discesa, moduli, widget a schede e barre di avanzamento, tutti questi componenti segui lo stile di design del materiale e sono super 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, elica 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 per uno scopo distinto:

1. Materiale a tema - per i siti Bootstrap esistenti che desiderano uno stile di progettazione del materiale
2. Kit elica - tutta la libreria CSS / JS pronta per la produzione
3. Indipendente, autonomo - 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 Propeller per vedere come appare.

Questo quadro è 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.