Google wants the web to look like Android apps


Many of your favourite websites could soon look not that dissimilar to Android Lollipop apps. That’s if Google gets its with with Material Design Lite (MDL), which is a version of its Material Design design guidelines intended for developers to use on the web – using CSS, JavaScript and HTML.

Google says that MDL can be used with just about any solution a web designer or developer might use. And when zipped up, the code is less than 27 kBytes in size…

Material Design Lite for the web

MDL uses something called “Paper” elements, which basically means anyone can take a piece of Material Design to use if the full code isn’t necessary. For example, you could just use an MDL-based graph in an existing website without using any of the other Material Design components.

For anyone interested in using MDL, Google offers buttons, text-fields, tooltips and spinners. There are also so-called responsive grid (much like Twitter Bootstrap) that follow Material Design and adaptive user interface guidelines – in other words, a website can be design to work on mobile devices and computers and every screen size in between, optimised for the size of the display being used. MDL works on modern browsers such as Chrome, Firefox, Opera, Microsoft Edge and Safari.

Material Design Screenshot

Google says it prefers developers to reference MDL via its content delivery network, but the code is also available on GitHub for anyone that wants to tweak it.

SOURCE: Google.


Comments are closed.