Android Material Design For Websites
Written by Lucy Black   
Wednesday, 08 July 2015

Google has released Material Design Lite, a library of components and templates that enable developers to use its material design styling, introduced with Andriod Lollipop, on websites as well as in apps.

 matdeswide

If you like the Material Design look and feel there is now an easy way to incorporate it into websites. 

Material Design Lite is a light-weight implementation of Material Design, specifically targetted at the web. It doesn’t rely on any JavaScript frameworks and aims to optimize for cross-device use and gracefully degrade in older browsers. Its components are created with CSS, JavaScript, and HTML and can be used to construct web apps and web pages that are consistent and functional. 

According to Google Developers:

The “Lite” part of MDL comes from several key design goals: MDL has few dependencies, making it easy to install and use. It is framework-agnostic, meaning MDL can be used with any of the rapidly changing landscape of front-end tool chains. MDL has a low overhead in terms of code size (~27KB gzipped), and a narrow focus — enabling material design styling for websites.

 

Its FAQs also states:

We optimise for websites heavy on content, such as marketing pages, articles, blogs and general web content that isn’t particularly app-y. If you just want to pick some colors, customise a template and ship a Material experience, we try to help make that process simpler.

 

The MDL component library includes versions of common user interface controls such as buttons, check boxes, and text fields, adapted to follow Material Design concepts together with specialized features like cards, column layouts, tables and of course, typography:
 
mdltypo
 
 
Google prefers developers to access the library via the MDL website, but the code is also on GitHub for anyone who may want to fork it.

 

 matdessq

 

More Information

Material Design Lite

MDL on GitHub

Related Articles

New Android L Goes Flat 

 

To be informed about new articles on I Programmer, install the I Programmer Toolbar, subscribe to the RSS feed, follow us on, Twitter, FacebookGoogle+ or Linkedin,  or sign up for our weekly newsletter.

 

Banner


Blender 4.5 Adds Full Vulkan Support
29/07/2025

Blender 4.5 is now available with a wide ranging set of improvements including full support for Vulkan, a more flexible compositor, and enhancements to the animation timeline.`



Google Clarifies ChromeOS Android Merger
21/07/2025

Is Google planning on merging ChromeOS with Android? Last week it looked like the long-standing rumor had been casually confirmed by a Google spokesperson. This week, we're back to a position of 'as y [ ... ]


More News

 

pico book

 

Comments




or email your comment to: comments@i-programmer.info

Last Updated ( Wednesday, 08 July 2015 )