Material Design Lite- Home


Material Design Lite – Material Design is design language developed by Google. Material Design was released on June 25, 2014, at the 2014 Google I/O conference.


Material Design Lite Tutorial

Material Design Lite provides rich grid-based layouts, responsive animations, transitions,depth effects such as lighting and shadows which makes the most powerful design framework. Google states that the new design language “Material Design” is based on paper and ink which is technologically advanced and open to imagination and magic.


Audience


This tutorial is designed for the professionals to help them in learning the basic concept of material design. In this tutorial we will cover the basic and powerful features which can help the professionals to create fast, beautiful and advanced applications using the latest Technology Material Design Lite.

Material Design Lite Tutorial:

<html>
<head>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="https://code.getmdl.io/1.1.1/material.indigo-pink.min.css">
<script defer src="https://code.getmdl.io/1.1.1/material.min.js"></script>
</head>
<body>
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-drawer">
      <div class="mdl-layout__drawer">
         <span class="mdl-layout-title">Tutorialplane.com</span>
         <nav class="mdl-navigation">
            <a class="mdl-navigation__link" href="">Home</a>
            <a class="mdl-navigation__link" href="">About</a>    
			<a class="mdl-navigation__link" href="">Settings</a> 
			<a class="mdl-navigation__link" href="">Logout</a>
         </nav>
      </div>
      <main class="mdl-layout__content">
         <div class="page-content" style="padding-left:100px;"><h3>Learn More!</h3></div>
      </main>
</div>
</body>
</html>

Try it »


User Ans/Comments

📖 Read More


Advertisements