O'Reilly logo

Learning Material Design by Kyle Mew

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Materialize

Materialize is one of the easiest ways to implement Material Design in our web pages, as well as very helpful in automatically adjusting elements such as text size to take differing screen sizes. It provides a limited but pertinent set of material components, such as navigation drawers, ripple effects, and cards. The best way to learn about Materialize is to try it out for ourselves.

Setting up

If you have ever used Bootstrap, you will recognize immediately how Materialize is structured. You will begin by downloading the files from this link: http://materializecss.com/getting-started.html.

You will note that there are two main downloads available, Materialize and Sass:

Until you become familiar, and for the sake of this exercise, it is ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required