Google veut amener le Material Design partout. Les directives de mise en page appliquées dans Android depuis la version 5.0, annoncée l’année dernière, peuvent désormais être utilisées sur les sites web par un outil annoncé aujourd’hui par Google.
Le framework, appelé Material Design Lite (MDL), offre plusieurs codes sources pour la création et le développement de sites web, tels que des modèles, des composants (cartes, boutons, tableaux), des polices de caractères, des icônes et la personnalisation de thèmes. C’est une sorte de Bootstrap pour ceux qui sont fans de Material Design.
Dans les modèles disponibles, vous trouverez des tableaux de bord (comme dans l’image ci-dessus), des blogs, des articles et même le code source d’Android.com pour la publicité des produits qui correspondent à ce style. Les composants personnalisés vous aident également à personnaliser les pages, y compris les différents styles de boutons, de mises en page, de menus, de bascules et autres.
Tout le code a été écrit en utilisant la bibliothèque BEM(ce qui doit être la raison pour laquelle le cadre s’est avéré si agréable) et il peut être personnalisé à la fois sur une page pour cela (avec changement de couleur uniquement) et par le code source brut disponible sur GitHub. Par défaut, tous les scripts proviennent du CDN de Google, mais rien n’empêche l’utilisateur de télécharger et de modifier certains codes.
Le nom Lite, selon Google, est donné par la facilité de mise en œuvre et la taille du paquet complet : 27 KB dans la version compressée, qui comprend le code JS, HTML et CSS. Material Design Lite fonctionne dans tous les navigateurs courants : Chrome, Firefox, Safari, Opera, Microsoft Edge(!) et est réactif par défaut (c’est-à-dire fonctionne bien sur les téléphones portables).