Blog do MX Cursos

Mudando a cor do browser de acordo com seu site no mobile

Avaliar post

Hoje trago uma dica incrível de como aumentar mais  a identificação do seu site no mobile.

Quando é definida a identidade visual do nosso site, queremos que sempre tenha uma harmonia em tudo, seja nos posicionamentos ou nas cores.

E se pudéssemos transferir um pouco disso para o navegador aumentando mais a identificação da cor do nosso site?

Sim, isso é possível de ser realizado nos  navegadores de celulares através de meta tags específicas.

A partir da versão 39 do Chrome para o Android Lollipop, é possível você alterar a cor da barra de navegação. Isso também é possível no Safari e Windows Phone também.

Cada navegador tem sua forma de implementação. Veja abaixo as meta tags a serem utilizadas.

Para Chrome Browser Mobile

iOS Safari Browser Mobile

Windows Phone Browser Mobile

Veja o exemplo abaixo.

De fato, esta personalização pode trazer mais identidade do seu site e de sua marca, oferecendo aos seus usuários um aspecto totalmente personalizado.

Espero que tenham gostado.

Um abraço e até a próxima.

David CHC

David CHC

Trabalha com desenvolvimento web há 10 anos, atuou como programador líder do MX Cursos por mais de 8 anos e hoje dedica-se exclusivamente à criação de cursos para a plataforma. Possui vasto conhecimento em PHP, Javascript, HTML5, CSS3, Gulp.js, GIT, MySQL

Your Header Sidebar area is currently empty. Hurry up and add some widgets.

Newsletter

Newsletter

Receba em seu e-mail conteúdos semanais sobre desenvolvimento, design, audiovisual e tecnlogia.

Inscrição realizada com sucesso!