Material Design Lite para diseño Web

Desde que Google presentó su nueva interface Android llamada Material Design fueron apareciendo distintas alternativas para llevar este diseño a la web. Todas con mayor o menor éxito parecían soluciones incompletas hasta ahora. Material Design Lite para diseño web es la versión oficial de Google de su interface móvil para el desarrollo de sitios.

De tal modo Material Design Lite se presenta como un pequeño Framework. Con una estructura muy similar a la de Bootstrap. Con el propósito de su instalación debemos agregar a nuestro proyecto 3 elementos: hoja de estilo, archivo javascript. Por ultimo la tipografía que contiene los iconos.

Material Design Lite para diseño Web

Material Design Lite para diseño Web

<link rel="stylesheet" href="https://storage.googleapis.com/code.getmdl.io/1.0.3/material.indigo-pink.min.css">
<script src="https://storage.googleapis.com/code.getmdl.io/1.0.3/material.min.js"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

Hasta el momento, el proyecto cuenta con un excelente abanico de componentes disponibles: Badges, botones, tarjetas, loadings, menus, tooltips, etc.

Un aspecto a destacar es que cuenta con un modelo de grids similar al de Bootstrap. De ello resulta que permite realizar un sitio completo sin la necesidad de recurrir a otros frameworks. Es evidente que estoy hablando de sitios que se adaptan perfectamente a cualquier dispositivo móvil.

Por cierto, la documentación es excelente, muchos ejemplos listos para descargar, todo perfectamente organizado.

Para terminar, un aspecto interesante y que me pareció atractivo, es la calidad de los iconos con los que cuenta este framework, les recomiendo visitar Material Design Icons.

Web: Material Design Lite

Categorizado en: