ComputersHowto
Google ha introdotto il suo concetto di material design e le sue specifiche per rendere le interfacce utente più belle e uniformi su dispositivi di tutte le dimensioni dello schermo. Per rendere i siti web più compatibili con il Material Design, Google ha rilasciato Material Design Lite (MDL) che comprende CSS vaniglia, HTML e JavaScript.
Gli sviluppatori di Google hanno introdotto questo strumento che renderà i siti Web più simili alle app Android. Questo è un framework web front-end per creare siti web con speculazioni sul Material Design. Dall'introduzione di Android 5.0 Lollipop, il sistema operativo Android sfoggia un nuovo design minimalista che viene lentamente visto in tutte le app Android, incluso WhatsApp.Questo framework Material Design Lite semplifica l'utilizzo da parte degli sviluppatori di siti Web con qualsiasi panorama in rapida evoluzione delle catene di strumenti front-end. Ha una dimensione molto piccola di ~ 27 KB con compressione gzip, quindi è un sollievo se sei preoccupato per la dimensione del codice.
La libreria dei componenti di Material Design Lite include gli elementi comuni dell'interfaccia utente del material design che includono caselle di controllo, campi di immissione di testo, pulsanti, cursori, schede, schede e filatori.
Include cinque modelli che sono: la skin android.com, una dashboard, un blog, una pagina di articoli autonoma e una pagina Web ricca di testo.
Come utilizzare Material Design Lite di Google?
Il codice utilizzato per l'implementazione di Material Design è una piccola libreria di componenti che verrebbero utilizzati nelle pagine Web e nelle app. È scritto in Sass utilizzando BEM e può essere modificato a seconda delle necessità. È disponibile su GitHub oppure puoi ottenere il framework completo di Material Design Framework da Google.
Puoi scegliere elementi per il design personalizzato oppure puoi utilizzare il personalizzatore del tema di Google che ti consente di apportare modifiche al framework prima di utilizzarlo.
Material Design Lite di Google verrà applicato in tutti i browser moderni che includono Chrome, Opera. Firefox e Microsoft Edge e Safari.
Dato che questo è basato sul Material Design, Google vuole che tutti costruiscano siti web come questi. L'azienda di motori di ricerca desidera che i suoi clienti forniscano pagine pulite, semplici e di bell'aspetto. Come menzionato da WebDesignerNerd, i framework di maggior successo hanno successo grazie alla loro flessibilità. Qui, Google ha dato il suo mandato che Material Design è il migliore e favorisce questo design specifico delle pagine web.
Material Design Lite di Google offre molto da imparare ed è un'ottima guida alla progettazione, ma la sua applicazione limitata non renderà le persone molto entusiasmanti.
Utilizzerai Material Design Lite di Google per la creazione di siti web? Ditecelo nei commenti qui sotto.
Leggi anche: Come costruire un sito web - Una guida completa
