Tableless

Busca Menu

Material Design na barra de navegação & status do Chrome

Seja o primeiro a comentar por

Recentemente muitos aplicativos já estão seguindo essa nova tendência de aplicar o material design do google no seus aplicativos mas meu foco hoje não são os aplicativos mas sim em sites responsivos, o que isso de aplicar material de design na barra de navegação?

img

Pois bem vamos aplicar essa barra de status alterada e a barra de navegação também (Obs: Só vai pegar em Android 5.0 ou superior com Chome instalado)

Eu estava navegando em uma matéria do Tecmundo e quando o site terminou de carregar me deparei com a barra do Chrome customizada nas cores do site. Essa técnica está sendo cada vez mais usados por sites aí fora, não vi ainda websites brasileiros usando a barra customizada, até agora, só percebi no Tecmundo.

Screenshot_2015-04-23-19-34-26

Comecei então a procurar como isso pode ser feito e me assustei com a facilidade: basta inserir uma metatag e pronto: a barra superior do Chrome do Android 5.0 fica customizada.

<meta name="theme-color" content="#ea2f4a">

Esse é o resultado:

Screenshot_2015-04-23-21-41-17

Publicado no dia