Tag: Material Design Lite

Custom Header Navigation in Material Design Lite

Since Google’s design team released Material Design Lite, I’ve been working hard on learning and understanding it. I’ve created several experiments using Material Design Lite and have been…

Social Sharing Buttons for Material Design Lite using Font Awesome and Sass

This tutorial will show you how-to create social media sharing buttons for the Material Design Lite front-end framework using Sass and Font Awesome.Example of what we will create:…

Stylus Variables for Material Design’s Colour Palette

Material Design is Google’s design language and comes with its own colour palette. The colour palette consists of 256 primary and accent colours.The problem? Making the colours usable…

Material Design Bootstrap Buttons using Sass

In this tutorial, I’m going to show you how-to create Bootstrap buttons based on Material Design’s colour palette using Sass stylesheet language.Example of what we will create: See…

Less Variables for Material Design’s Colour Palette

Material Design is Google’s design language and comes with its own colour palette. The colour palette consists of 256 primary and accent colours.The problem? Making the colours usable…

Material Design Lite: Order Checkout Card

In this tutorial, I’m going to show you how-to create a order checkout card using Google’s Material Design Lite.This is what we are going to create: See the…

Social Sharing Buttons using Material Design Lite and Font Awesome

Social sharing buttons have become a very critical part in websites, web apps and blogs today. This is because more and more people are going online and using…

Material Design Lite: Indigo Card

In this tutorial I’m going to show you how-to create an indigo colour card using Google’s Material Design Lite.See the Pen Material Design Lite: Card (Indigo) by Brandon…

Material Design Lite: Pink Card

In this tutorial I’m going to show you how-to create a pink card using Google’s Material Design Lite.See the Pen Material Design Lite: Cards (Pink) by Brandon Himpfen…

Material Design Lite: Selectable Table

In this tutorial, I’m going to show you how-to create a selectable**data table using Material Design Lite.This is what we are trying to create: See the Pen Material…

Material Design Lite: Data Table

In this tutorial, I’m going to show you how-to create a data table using Material Design Lite.This is what we are trying to create: See the Pen Material…