ComputersHowto
O Google introduziu seu conceito de design de material e suas especificações para tornar as interfaces de usuário mais bonitas e uniformes em dispositivos de todos os tamanhos de tela. Para tornar os sites mais amigáveis ao Material Design, o Google lançou o Material Design Lite (MDL), que inclui CSS, HTML e JavaScript simples.
Os desenvolvedores do Google introduziram esta ferramenta que fará com que os sites se pareçam mais com aplicativos Android. Esta é uma estrutura de front-end da web para fazer sites com especulações de design de material. Desde a introdução do Android 5.0 Lollipop, o sistema operacional Android apresenta um novo design minimalista que está lentamente sendo visto em todos os aplicativos Android, incluindo WhatsApp.Essa estrutura do Material Design Lite torna mais fácil para os desenvolvedores de sites usá-lo com qualquer uma das rápidas mudanças do cenário das cadeias de ferramentas de front-end. Ele tem um tamanho muito pequeno de ~ 27 KB compactado em gzip, portanto, é um alívio se você está preocupado com o tamanho do código.
A biblioteca de componentes do Material Design Lite inclui os elementos comuns da interface do usuário do material design que incluem caixas de seleção, campos de entrada de texto, botões, controles deslizantes, cartões, guias e botões giratórios.
Inclui cinco modelos que são: a skin android.com, um painel, um blog, uma página de artigo autônoma e uma página da web com muito texto.
Como usar o Material Design Lite do Google?
O código usado para a implementação do Material Design é uma pequena biblioteca de componentes que seria usada em páginas da web e aplicativos. Ele é escrito em Sass usando BEM e pode ser modificado de acordo com a necessidade. Ele está disponível no GitHub ou você pode obter a estrutura completa do Material Design Framework do Google.
Você pode escolher elementos para design personalizado ou usar o personalizador de temas do Google, que permite fazer alterações na estrutura antes de usá-la.
O Material Design Lite do Google será aplicado em todos os navegadores modernos que incluem Chrome, Opera. Firefox e Microsoft Edge e Safari.
Dado o fato de que isso é baseado no Material Design, o Google quer que todos construam sites como esses. A empresa de mecanismo de pesquisa deseja que seus clientes forneçam páginas limpas, simples e de boa aparência. Como o WebDesignerNerd menciona, a maioria das estruturas de sucesso são bem-sucedidas por causa de sua flexibilidade. Aqui, o Google deu seu mandato de que o material design é o melhor e favorece esse design específico de páginas da web.
O Material Design Lite do Google oferece muito o que aprender e é um ótimo guia de design, mas sua aplicação limitada não deixará as pessoas muito entusiasmadas.
Você vai usar o Material Design Lite do Google para a construção de sites? Conte-nos nos comentários abaixo.
Leia também: Como construir um site - um guia completo
