jueves, 20 de agosto de 2015

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 es la versión oficial de Google de su interface móvil para el desarrollo de sitios web.
Material Design Lite se presenta como un pequeño Framework, con una estructura muy similar a la de Bootstrap. Para su instalación debemos agregar a nuestro proyecto 3 elementos: hoja de estilo, archivo javascript y por ultimo la tipografía que contiene los iconos.
<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">
El proyecto cuenta con un excelente abanico de componentes disponibles: Badges, botones, tarjetas, loadings, menus, tooltips, etc.
Un aspecto interesante es que cuenta con un modelo de grids similar al de Bootstrap, lo que permite realizar un sitio completo sin la necesidad de recurrir a otros frameworks. Obviamente estoy hablando de sitios que se adaptan perfectamente a cualquier dispositivo móvil.
La documentación es excelente, muchos ejemplos listos para descargar, todo perfectamente organizado.
Un aspecto interesante y que me pareció interesante, es la calidad de los iconos con los que cuenta este framework, les recomiendo visitar Material Design Icons.

No hay comentarios:

Publicar un comentario