22 noviembre 2024

Google introduce Material Design Lite para crear sitios web con el estilo de Diseño Material

Material-Design-lite

En el 2014 Google lanzó la especificación llamada Diseño Material para Android y hoy, luego de un año, vuelve a hacer lo mismo pero para sitios web, usando CSS, HTML y JavaScript.

Según Google desarrolladores y diseñadores web lo podrán usar con cualquier framework.  MDL tiene pocas dependencias, por lo que es fácil de instalar y usar.  Además es pequeño y su código comprimido (Gzip) solo tien 27 Kb.

MDL es una implementación complementaria de Paper elements construido con Polymer y Google explica que los Paper elements son componentes totalmente encapsulados que se pueden utilizar en forma individual o en conjunto para crear un sitio con el estilo de diseño material.

Material Design Lite es especial para optimizar web pesados en contenido como páginas de marketing, artículos de texto y blogs.

Google desarrolló algunas plantillas adaptables para mostrar la variedad de sitios que se pueden crear usando MDL y las mismas se pueden descargar de la página de Plantillas de MDL.  Tambien incluye algunos componentes como botones de diseño mateial, campos de texto y muchos otros.  MDL trabaja mejor con browsers modernos como Chrome, Edge de Microsoft, Firefox, Opera y Safari.

Por último Google indica que la mejor forma de referenciar MDL es a través de su Content Delivery Network, pero también pueden descargar el CSS o importar MDL vía npmBower.

Siguenos por Twitter a través de @Geeksroom y no te pierdas todas las noticias, cursos gratuitos y demás artículos. También puedes seguirnos a través de nuestro canal de Youtube para ver nuestros vídeos, a través de Instagram para ver nuestras imágenes! O vía Bluesky si ya estás cansado de Twitter

Hector Russo

Desde su juventud se ha dedicado a la Tecnología de la Información. En su oportunidad fue incluido por Ivy Worldwide en su lista Top 25 influencers en Tecnología. Actualmente es miembro del panel de jurados que elige los mejores vehículos del año para el mercado hispano de Estados Unidos, a través de los Hispanic Motor Press Awards.

Ver todas las entradas de Hector Russo →