Materialize (Framework) – Wikipedia

Materialize

Basisdaten

Entwickler Wuda Software
Erscheinungsjahr 2014
Aktuelle Version 1.2.2[1]
Aktuelle Vorabversion 2.0.3-alpha[2]
Betriebssystem Plattformunabhängig
Programmier­sprache HTML, Sass, CSS, TypeScript, JavaScript
Kategorie Framework
Lizenz MIT-Lizenz
deutschsprachig nein
materializeweb.com

Materialize ist ein freies CSS-Framework. Es beinhaltet eine Vielzahl an Gestaltungselementen wie Formulare, Buttons und Navigationselemente, basierend auf Material Design von Google.

Konzept und Besonderheiten

[Bearbeiten | Quelltext bearbeiten]

Materialize bietet eine Vielzahl vorgefertigter Komponenten an, mit denen sich schnell eigene Komponenten, Websites und Web-Applikationen erstellen lassen. Dabei wird auf eine schnelle Ladezeit gesetzt und viele animierte und interaktive Komponenten funktionieren auch ohne JavaScript.

Anfangs wurde Materialize bewusst ohne Verwendung der Flexbox-Funktionalität entwickelt.[3] Dieser Ansatz wurde mittlerweile jedoch aufgegeben.[4]

Das Framework wurde 2014 von asiatischen Studenten der Carnegie Mellon University entwickelt und veröffentlicht. Das Projekt wird Stand 2023 von einer aktiven Entwickler-Gruppe mit 30 Mitgliedern weiter entwickelt.

Bekannte Anwender von Materialize sind zum Beispiel die Webstatistiksoftware Matomo.[5] 2023 gaben 68 Prozent der Teilnehmer der State-of-CSS-Umfrage an Materialize zu kennen, 22 Prozent nutzten es selbst.[6]

Einzelnachweise

[Bearbeiten | Quelltext bearbeiten]
  1. Materialize 1.2.2 auf npmjs.com. Abgerufen am 13. Oktober 2023.
  2. Materialize 2.0.3-alpha auf npmjs.com. Abgerufen am 13. Oktober 2023.
  3. Deepak Parihar: Bootstrap Alternatives 2019: Advanced CSS Frameworks for Developers. In: Technadu. 8. Februar 2019, abgerufen am 13. Oktober 2023 (englisch).
  4. Marcos Escudero: How to Center Your Content with Materialize. In: encora. 8. März 2021, abgerufen am 13. Oktober 2023 (englisch).
  5. User Experience & Design. In: Matomo. Abgerufen am 13. Oktober 2023 (englisch).
  6. CSS Frameworks. In: State of CSS 2023. Juli 2023, abgerufen am 13. Oktober 2023 (englisch).