- Material Design Lite Tutorial
- MDL - Home
- MDL - Overview
- MDL - Environment Setup
- MDL - Layouts
- MDL - Grids
- MDL - Tabs
- MDL - Footers
- MDL - Badges
- MDL - Buttons
- MDL - Cards
- MDL - Progress Bars
- MDL - Spinners
- MDL - Menus
- MDL - Sliders
- MDL - Checkboxes
- MDL - Radio Buttons
- MDL - Icons
- MDL - Switches
- MDL - DataTable
- MDL - Textfields
- MDL - Tooltips
- Material Design Lite Resources
- MDL - Quick Guide
- MDL - Useful Resources
- MDL - Discussion
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Material Design Lite Tutorial
Material Design Lite, MDL is a UI component library created with CSS, JavaScript, and HTML. MDL UI components helps in constructing attractive, consistent, and functional web pages and web apps while adhering to modern web design principles like browser portability, device independence, and graceful degradation. It helps in creating faster, beautiful, and responsive websites. It is inspired from the Google Material Design.
Audience
This tutorial is designed for professionals who aspire to learn the basics of Material Design Lite and how to use it to create faster, beautiful, and responsive websites. The tutorial explains all the fundamental concepts of Material Design Lite.
Prerequisites
Before proceeding with this tutorial, you should have a basic understanding of HTML, CSS, JavaScript, Document Object Model (DOM), and any text editor. In addition, it will help if you know how web-based applications work.