Nicer tabs in Chrome mobile

Android users who have updated their system toLollipop have surely noticed that each Chrome tab is now visible in the task manager, together with all the other running apps.
This is for sure a good news, but there’s more if you are a web developer: you may be interested in making tabs of your apps nicer and catchier.

With Android Lollipop Goggle allows you to assign a custom color to the title bar and to the toolbar for each open Chrome tab. All you have to do is a simple modification to your page HTML. Here’s how it works:

Starting in version 39 of Chrome for Android on Lollipop, you’ll now be able to use the theme-color meta tag to set the toolbar color—this means no more Seattle gray toolbars! The syntax is pretty simple: add a meta tag to your page’s with the name=”theme-color”, and set the content to any valid CSS color.

And here’s some sample code:

 
<html>
  <head> 
    <meta name="theme-color" content="orange"> 
  </head> 
  <body> 
    <p>Hello Lollipop!</p> 
  </body> 
</html>

Now, let’s go and color them all!

image

Leave a Reply

wpDiscuz