Material Design Lite - Panoramica
Cos'è Material Design Lite?
Material Design Lite (MDL è una libreria di componenti dell'interfaccia utente creata con CSS, JavaScript e HTML. I componenti dell'interfaccia utente MDL aiutano a costruire pagine web e app web attraenti, coerenti e funzionali, rispettando i moderni principi di web design come la portabilità del browser e l'indipendenza dal dispositivo e grazioso degrado.
Di seguito sono riportate le caratteristiche salienti di Material Design Lite:
Progettazione reattiva integrata.
CSS standard con ingombro minimo.
Include nuove versioni dei controlli comuni dell'interfaccia utente come pulsanti, caselle di controllo e campi di testo adattati per seguire i concetti di Material Design.
Include funzionalità avanzate e specializzate come carte, layout di colonne, cursori, rotazioni, schede, caratteri tipografici e così via.
Può essere utilizzato con o senza libreria o ambiente di sviluppo.
Cross-browser e può essere utilizzato per creare componenti Web riutilizzabili.
Design reattivo
Material Design Lite ha una progettazione reattiva incorporata in modo che il sito Web creato utilizzando Material Design Lite si ridisegnerà in base alle dimensioni del dispositivo.
Le classi di Material Design Lite sono create in modo tale che il sito web possa adattarsi a qualsiasi dimensione dello schermo.
I siti Web creati utilizzando Material Design Lite sono completamente compatibili con PC, tablet e dispositivi mobili.
CSS standard
Material Design Lite utilizza solo CSS standard ed è molto facile da imparare.
Non c'è dipendenza da alcuna libreria JavaScript esterna come jQuery.
ExtensibleMaterial Design Lite è dal design molto minimale e piatto.
È stato progettato considerando il fatto che è molto più facile aggiungere nuove regole CSS che sovrascrivere le regole CSS esistenti.
Supporta ombre e colori audaci.
I colori e le sfumature rimangono uniformi su varie piattaforme e dispositivi.
E, cosa più importante di tutte, MDL è assolutamente gratuito.