K-Developers: Material Design

How to make your website look more closer to Material Design on Lollipop devices.

<div>Starting in version 39, Chrome for Android supports the <span class="lang:default decode:true crayon-inline ">theme color</span> meta tag, with which you can set a different color for the toolbar, other than the default grey to make your website look more closer to Material Design.</div><br/><div></div><br/><div>The syntax is simple. All you have to do is to add a meta tag to your page’s <span class="lang:default decode:true crayon-inline"><head></span>  with the <span class="lang:default decode:true crayon-inline ">name="theme-color"</span> , and set the content to any valid CSS color.</div><br/><div><br/><pre class="lang:xhtml decode:true "><meta name="theme-color" content="#db5945"/></pre><br/>Change <span class="lang:default decode:true crayon-inline ">#db5945</span>  according to your preferences or your theme's color scheme.<br/><br/></div><br/><div><a href="http://k-developers.com/wp-content/uploads/2015/11/K-Dev.jpg"><img alt="K-Dev" class="size-medium wp-image-60 aligncenter" height="267" src="http://k-developers.com/wp-content/uploads/2015/11/K-Dev-300x267.jpg" width="300" /></a></div><br/><div><strong>Note</strong>: In order to get this experience, you need to be running Android 5.0, update to the latest versions of Chrome, and turn “Merge tabs and apps” to “on,” which merges your tabs into the app switcher.</div><br/><div><br/><div>I know it's a subtle change to your theme, but with this your theme will look more consistent and closer to Material Design on Lollipop devices.</div><br/></div>

HTML5 Material Design Web Design WP Guide How to make your website look more closer to Material Design on Lollipop devices.

Starting in version 39, Chrome for Android supports the theme color meta tag, with which you can set a different color for the toolbar, oth...

K-Developers

How to make your website look more closer to Material Design on Lollipop devices.

Trendind

Archive