Google lanza guías y recursos para crear sitios web estilo Material Design

blog material design

Google ha lanzado un nuevo framework, una herramienta de diseño web con componentes y plantillas en Vanilla CSS, HTML y JavaScript, y un arsenal para construir sitios web con las guías de diseño Material Design, el estilo visual de las aplicaciones de Google y las últimas versiones de Android.

Su nombre es Material Design Lite (MDL) e incluye guías y componentes prácticos para la creación de sitios así como de aplicaciones web: Botones, tarjetas, campos de texto, sliders, tablas, tipografías y menús.

Claro, se hace presente también el estilo responsive en todos los elementos, especialmente, en las plantillas de sitios web disponibles (por ejemplo, una para crear un blog como el que resalta la captura anterior) consiguiendo así que todo se adapte a diferentes pantallas o al redimensionar ventanas sin esfuerzos adicionales.

sitios web material design

Comentan en el blog en Medium de Google Developers que Material Design Lite se ha escrito en Sass usando BEM (para crear aplicaciones web) con lo que no será problema optar por invocar configuraciones desde el CDN de Google o descargar el código fuente en Github para trabajar de una forma más “libre”. Adicionalmente, se señala que MDL es una complementación de lo ya creado con Polymer.

En fin, otro llamativo recurso con el que Google promueve su “estilo de hacer las cosas” en cuanto a diseño, usabilidad, compatibilidad y últimas tecnologías web. Por supuesto, no se trata de copiar y pegar para crear millones de proyectos iguales sino de adaptar lo ya existente, lo optimizado, en trabajos personalizados.

Enlace y más información: getmdl.io

Juan David Quiñónez

Estadístico. Amante de las nuevas tecnologías, la ciencia, el mundo académico y las aplicaciones de las anteriores temáticas en la red. Escribe en wwwhatsnew.com desde finales del 2011.

5 comentarios

  1. lupita

    Corrección, en:

    …se ha escrito en Saas usando…

    debería ser Sass

  2. “otro llamativo recurso con el que Google promueve su “estilo de hacer las cosas” en cuanto a diseño, usabilidad, compatibilidad y últimas tecnologías web”. Mas bien diría yo el de imponer sus formas de hacer las cosas. La pregunta es ¿Dara prioridad Google a la gente que se someta a los dictados de sus canones de diseño? No se ¿Qué pensáis por ahí?

  3. Gracias Lupita por la corrección, segura e inconscientemente combiné en mi mente a SPSS y SAS, programas estadísticos. :)

    !Saludos!

  4. Como podemos ver, google está abarcando un nuevo mercado, ¿Concretamente para qué? No se sabe.