Material Design Lite - Übersicht
Was ist Material Design Lite?
Material Design Lite (MDL ist eine UI-Komponentenbibliothek, die mit CSS, JavaScript und HTML erstellt wurde. Die MDL-UI-Komponenten helfen beim Erstellen attraktiver, konsistenter und funktionaler Webseiten und Web-Apps, während moderne Webdesign-Prinzipien wie Browser-Portabilität und Geräteunabhängigkeit eingehalten werden und anmutige Erniedrigung.
Im Folgenden sind die wichtigsten Merkmale von Material Design Lite aufgeführt:
Eingebautes Responsive Design.
Standard-CSS mit minimalem Platzbedarf.
Enthält neue Versionen gängiger Steuerelemente für Benutzeroberflächen wie Schaltflächen, Kontrollkästchen und Textfelder, die an die Konzepte des Materialdesigns angepasst sind.
Enthält erweiterte und spezielle Funktionen wie Karten, Spaltenlayouts, Schieberegler, Drehfelder, Registerkarten, Typografie usw.
Kann mit oder ohne Bibliothek oder Entwicklungsumgebung verwendet werden.
Browserübergreifend und kann zum Erstellen wiederverwendbarer Webkomponenten verwendet werden.
Sich anpassendes Design
Material Design Lite verfügt über ein integriertes Responsive Design, sodass sich die mit Material Design Lite erstellte Website entsprechend der Gerätegröße neu gestaltet.
Material Design Lite-Klassen werden so erstellt, dass die Website für jede Bildschirmgröße geeignet ist.
Die mit Material Design Lite erstellten Websites sind vollständig kompatibel mit PCs, Tablets und Mobilgeräten.
Standard CSS
Material Design Lite verwendet nur Standard-CSS und ist sehr einfach zu erlernen.
Es besteht keine Abhängigkeit von einer externen JavaScript-Bibliothek wie jQuery.
ExtensibleMaterial Design Lite ist von Natur aus sehr minimal und flach.
Es wurde unter Berücksichtigung der Tatsache entwickelt, dass es viel einfacher ist, neue CSS-Regeln hinzuzufügen, als vorhandene CSS-Regeln zu überschreiben.
Es unterstützt Schatten und kräftige Farben.
Die Farben und Schattierungen bleiben über verschiedene Plattformen und Geräte hinweg einheitlich.
Und vor allem ist MDL absolut kostenlos.