ComputersHowto
Google presentó su concepto de diseño de materiales y su especificación para hacer que las interfaces de usuario sean más hermosas y uniformes en dispositivos de todos los tamaños de pantalla. Para hacer que los sitios web sean más amigables con Material Design, Google ha lanzado Material Design Lite (MDL) que se compone de CSS, HTML y JavaScript..
Los desarrolladores de Google han introducido esta herramienta que hará que los sitios web se parezcan más a las aplicaciones de Android. Este es un marco web front-end para crear sitios web con especulaciones de Material Design. Desde la introducción de Android 5.0 Lollipop, el sistema operativo Android tiene un nuevo diseño minimalista que se está viendo lentamente en todas las aplicaciones de Android, incluido WhatsApp..Este marco de Material Design Lite facilita que los desarrolladores de sitios web lo utilicen con cualquiera de los rápidos cambios en el panorama de las cadenas de herramientas de front-end. Tiene un tamaño muy pequeño de ~ 27 KB comprimido en gzip, por lo que es un alivio si le preocupa el tamaño del código.
La biblioteca de componentes de Material Design Lite incluye los elementos comunes de la interfaz de usuario de material design que incluyen casillas de verificación, campos de entrada de texto, botones, controles deslizantes, tarjetas, pestañas y controles giratorios..
Incluye cinco plantillas que son: la máscara de android.com, un panel, un blog, una página de artículo independiente y una página web con mucho texto..
Cómo utilizar Material Design Lite de Google?
El código utilizado para la implementación de Material Design es una pequeña biblioteca de componentes que se utilizaría en páginas web y aplicaciones. Está escrito en Sass utilizando BEM y se puede modificar según sea necesario. Está disponible en GitHub o puede obtener el marco completo de Material Design Framework de Google.
Puede elegir elementos para un diseño personalizado o puede usar el personalizador de temas de Google que le permite realizar cambios en el marco antes de usarlo.
Material Design Lite de Google se aplicará en todos los navegadores modernos que incluyen Chrome, Opera. Firefox y Microsoft Edge y Safari.
Dado que esto se basa en Material Design, Google quiere que todos creen sitios web como estos. La empresa de motores de búsqueda quiere que sus clientes ofrezcan páginas limpias, sencillas y atractivas. Como menciona WebDesignerNerd, la mayoría de los frameworks exitosos son exitosos debido a su flexibilidad. Aquí, Google ha dado su mandato de que Material Design es el mejor y favorece este diseño específico de páginas web..
Material Design Lite de Google ofrece mucho que aprender y es una excelente guía de diseño, pero su aplicación limitada no hará que la gente sea muy emocionante..
¿Va a utilizar Material Design Lite de Google para la creación de sitios web? Cuéntanos en los comentarios a continuación..
Lea también: Cómo crear un sitio web: una guía completa
