Learning Material Design Lite

Material Design Lite (MDL) is a framework which enables front-end developers to quickly build websites according to Google’s Material Design principles. In this series, Thoriq Firdaus takes you through all the components of MDL, to help you start building right away.

Posts in this series

Learning Material Design Lite: The Grid
In this series, we are going to examine individual MDL components in slightly more detail, starting with the Grid system which forms the basis of any...
Thoriq Firdaus
8 Sep 2015
Web Design
Learning Material Design Lite: Navigation
Following our previous tutorial about the Material Design Lite Grid, in this instalment we are going to see how to use another MDL component: the Navigation.
Thoriq Firdaus
9 Sep 2015
Web Design
Learning Material Design Lite: Buttons
Buttons form an integral part of any functional website (plus designers love them!) In this part of our Learning Material Design Lite (MDL) series, we’ll...
Thoriq Firdaus
14 Sep 2015
Web Design
Learning Material Design Lite: Text Fields
Next up in our series learning the ins and outs of Material Design Lite (MDL) we’re going to look into the Text Fields component. A text field could be used...
Thoriq Firdaus
16 Sep 2015
Web Design
Learning Material Design Lite: Cards
Cards are quickly becoming a “goto” UI pattern, particularly on the mobile web. In this tutorial, we are going to look into the cards component in Material...
Thoriq Firdaus
21 Sep 2015
Web Design
Learning Material Design Lite: The Menu
In this instalment of our Learning Material Design Lite (MDL) series, we’re going to look into the Menu component. This is a component which you might...
Thoriq Firdaus
24 Sep 2015
Web Design
Learning Material Design Lite: Customizing
Up until now we have been looking into how to implement MDL components. The question remains: how do we customize these components so that they fit within...
Thoriq Firdaus
29 Sep 2015
Web Design