Material Design Lite Environment Setup - Material Design Lite

How to Use Material Design Lite?

There are two ways to use Material Design Lite:
  • Local Installation - You can download the material.{primary}-{accent}.min.css and material.min.js files on your local machine and include it in your HTML code.
  • CDN Based Version - You can add the material.{primary}-{accent}.min.css and material.min.js files into your HTML code directly from the Content Delivery Network (CDN).

Local Installation

  • Go to http://www.getmdl.io/started/index.html to download the latest version available.
  • Then, put the downloaded material.min.js file in a directory of your website, e.g. /js and material.min.css in /css.

Example

Let’s add the css and js file in your HTML file as mentioned below:
It will produce the following result −
local installation

What is CDN Based Version?

Here you can include the js and css files into your HTML code directly from the Content Delivery Network (CDN). storage.googleapis.com provides content for the latest version.

Example

Let’s see above mentioned example is rewritten with material.css and material.js from Google CDN.
It will produce the following result −
CDN Based version

All rights reserved © 2018 Wisdom IT Services India Pvt. Ltd DMCA.com Protection Status

Material Design Lite Topics