CSS фреймоврк Material Design Lite

Довольно много времени прошло с момента, когда Google выпустила свои материальные принципы построения дизайна, и люди начали работать над фреймворками, на их основе. Самые ранние примеры этих фреймворков были посвящены мобильным приложениям. Потребовалось время, чтобы кто-то разработал структуру, основанную на Material Design, для веб-сайтов.

Material Design Lite (или MDL) – это простой CSS фреймворк, в который заложены принципы материального дизайна Google. Любой желающий может привнести наиболее распространенные и узнаваемые его аспекты на свой сайт.

MDL содержит в себе стили для текста, форм, списков, таблиц и других элементов сайта, таких как:

• Иконки
• Кнопки
• Компоненты макета (Шапка, подвал, навигация)
• Меню (выпадающее и всплывающее)
• Ползунки
• Переключатели
• Всплывающие подсказки.

Стоит отметить, что некоторые компоненты в этом фреймворке зависят от javascript.

Многие дизайнеры бояться выходить за каноны. Но этот фрейворк, позволит делать сайты с очень специфическим образом и расположением элементов. Вы можете добавить собственный логотип, изменить цвета и шрифты, или переделать весь дизайн под себя.