Vous n'avez pas encore de notification

Page d'accueil

Options d'affichage

Abonné

Actualités

Abonné

Des thèmes sont disponibles :

Thème de baseThème de baseThème sombreThème sombreThème yinyang clairThème yinyang clairThème yinyang sombreThème yinyang sombreThème orange mécanique clairThème orange mécanique clairThème orange mécanique sombreThème orange mécanique sombreThème rose clairThème rose clairThème rose sombreThème rose sombre

Vous n'êtes pas encore INpactien ?

Inscrivez-vous !

Google propose un kit de ressources Material Design Lite pour les sites web

Les systèmes d'exploitation et les applications, ce n'était pas assez
Internet 2 min
Google propose un kit de ressources Material Design Lite pour les sites web

Google vient de publier quelques ressources à l’intention des développeurs web. Sobrement nommées Material Design Lite, elles permettent la création de sites web reprenant facilement les codes visuels de l’interface mise en avant par l’éditeur depuis l’arrivée d’Android 5.0.

Material Design est un langage visuel, largement mis en avant par Google depuis un an environ. Il regroupe tout un ensemble de règles et permet de moderniser les interfaces, en faisant notamment place au contenu. Le contenant se veut simple, joue avec certains effets de matière et d’ombrage, et propose un « look » globalement plus consistant que ModernUI chez Microsoft (que certains estiment trop dépouillé), ou même que ce que propose Apple depuis iOS 7. Pour cela, Google s'appuie sur une métaphore papier et encre, le contenant étant composé de feuilles de papier à superposer, le contenu d'encre.

Le Material Design envahit peu à peu l’ensemble des produits de Google, y compris sur les autres plateformes. On a pu voir récemment sur iOS le remaniement de l’application Hangouts, dont l'apparence a évolué en s'appuyant sur cette spécification. Mais les systèmes d’exploitation et applications ne suffisent pas à Google, qui propose désormais un petit kit permettant aux développeurs web de donner un air de Material Design à leurs sites.

Material Design Lite, ou MDL, est contenu dans un petit fichier compressé d’à peine 27 ko. Il est utilisable dans de nombreuses solutions (il se veut agnostique) et propose différents éléments qui peuvent être soit utilisés ensemble, soit au contraire séparément. Il s’agit d’éléments « Paper » encapsulés individuellement, et le développeur pourra ainsi utiliser le module spécifique aux graphiques ou aux billets de texte sans utiliser le reste. Des modèles sont par ailleurs fournis.

Material Design LiteMaterial Design Lite

La seule limitation pour le développeur sera en fait la compatibilité des navigateurs. Google indique en effet qu’il faut des versions relativement récentes pour que les éléments MDL soient pris en charge correctement. Pour des Chrome, Firefox ou Opera qui se mettent à jour continuellement, il n’y aura aucun problème. Pour Safari, il faudra contrôler que l’on a bien installé toutes les mises à jour. Du côté de Microsoft, Google parle d’Edge, qui n’est même pas encore sorti, mais un coup d’œil au tableau de compatibilité montre qu’Internet Explorer 10 et 11 ne causeront aucune difficulté. Dans le cas de la version 9, MDL bascule sur un mode intégralement CSS de manière automatique.

Les développeurs qui s’intéressent à ce kit pourront le télécharger depuis la page de l’annonce.

51 commentaires
Avatar de vloz INpactien
Avatar de vlozvloz- 07/07/15 à 10:14:00

Les systèmes d'exploitation et les applications, ce n'était pas assez

 C'etait l'idée base hein... Depuis son annonce à la IO 2014. 
 Le probleme c'est que jusqu'à present Google proposait MD pour le web qu'à travers Polymer et Angular, qui sont tous les deux assez connus pour leur lourdeur.

Avatar de MoonRa Abonné
Avatar de MoonRaMoonRa- 07/07/15 à 10:32:08

Le MD est horriblement moche. Je sais, les goûts et les couleurs tout ça... mais là ça pique. 

Avatar de CryoGen Abonné
Avatar de CryoGenCryoGen- 07/07/15 à 10:38:17

MoonRa a écrit :

Le MD est horriblement moche. Je sais, les goûts et les couleurs tout ça... mais là ça pique.

Le style (couleurs) choisi pour le site de MDL est pas très folichon on est d'accord, mais suffit de le customiser et on peut arriver à des trucs très sympa

Avatar de hugopb INpactien
Avatar de hugopbhugopb- 07/07/15 à 10:39:43

MoonRa a écrit :

Le MD est horriblement moche. Je sais, les goûts et les couleurs tout ça... mais là ça pique. 

Et puis sur mobile certains components sortent de l'écran...

Avatar de Mem's Abonné
Avatar de Mem'sMem's- 07/07/15 à 10:59:46

Et pour l'accessibilité... ça sera une autre fois (aucun aria-*)

Avatar de Thoscellen Abonné
Avatar de ThoscellenThoscellen- 07/07/15 à 11:02:51

Comment tu dis déjà, axélibilité ?
C'est quoi çe truc :francais:

Avatar de Folgore INpactien
Avatar de FolgoreFolgore- 07/07/15 à 11:06:57

Brace yourself

Material Design web sites clones is coming :chinois:

Avatar de t-la INpactien
Avatar de t-lat-la- 07/07/15 à 11:15:34

Folgore a écrit :

Brace yourself

Material Design web sites clones is coming :chinois:

Il y a quelques années, c'était le design Aqua d'Apple qui était repris partout. Maintenant, il semble qu'on se dirige vers MD.
 
 Rien qu'un phénomène de mode de plus.

Avatar de Folgore INpactien
Avatar de FolgoreFolgore- 07/07/15 à 11:23:34

t-la a écrit :

Il y a quelques années, c'était le design Aqua d'Apple qui était repris partout. Maintenant, il semble qu'on se dirige vers MD.
 
 Rien qu'un phénomène de mode de plus.

Ca a pas l'air pire que les clones bootstrap :/

Avatar de 127.0.0.1 INpactien
Avatar de 127.0.0.1127.0.0.1- 07/07/15 à 11:29:05

NXI: v7 is coming.

Il n'est plus possible de commenter cette actualité.
Page 1 / 6