Material Design Lite (MDL — это библиотека компонентов пользовательского интерфейса, созданная с использованием CSS, JavaScript и HTML. Компоненты пользовательского интерфейса MDL помогают создавать привлекательные, согласованные и функциональные веб-страницы и веб-приложения, придерживаясь современных принципов веб-дизайна, таких как переносимость браузера, независимость от устройства. и изящная деградация.
Ниже приведены существенные особенности Material Design Lite —
-
Встроенное адаптивное проектирование.
-
Стандартный CSS с минимальной площадью.
-
Включает в себя новые версии общих элементов управления пользовательского интерфейса, таких как кнопки, флажки и текстовые поля, которые адаптированы в соответствии с концепциями дизайна материалов.
-
Включает расширенные и специализированные функции, такие как карты, макеты столбцов, ползунки, счетчики, вкладки, типографика и т. Д.
-
Может использоваться с или без какой-либо библиотеки или среды разработки.
-
Кросс-браузер, и может быть использован для создания веб-компонентов многократного использования.
Встроенное адаптивное проектирование.
Стандартный CSS с минимальной площадью.
Включает в себя новые версии общих элементов управления пользовательского интерфейса, таких как кнопки, флажки и текстовые поля, которые адаптированы в соответствии с концепциями дизайна материалов.
Включает расширенные и специализированные функции, такие как карты, макеты столбцов, ползунки, счетчики, вкладки, типографика и т. Д.
Может использоваться с или без какой-либо библиотеки или среды разработки.
Кросс-браузер, и может быть использован для создания веб-компонентов многократного использования.
Адаптивный дизайн
-
Material Design Lite имеет встроенное адаптивное проектирование, поэтому веб-сайт, созданный с помощью Material Design Lite, будет переделывать себя в соответствии с размером устройства.
-
Классы Material Design Lite созданы таким образом, что сайт может соответствовать любому размеру экрана.
-
Веб-сайты, созданные с использованием Material Design Lite, полностью совместимы с ПК, планшетами и мобильными устройствами.
Material Design Lite имеет встроенное адаптивное проектирование, поэтому веб-сайт, созданный с помощью Material Design Lite, будет переделывать себя в соответствии с размером устройства.
Классы Material Design Lite созданы таким образом, что сайт может соответствовать любому размеру экрана.
Веб-сайты, созданные с использованием Material Design Lite, полностью совместимы с ПК, планшетами и мобильными устройствами.
Стандартный CSS
-
Material Design Lite использует только стандартный CSS, и его очень легко освоить.
-
Нет никакой зависимости от какой-либо внешней библиотеки JavaScript, такой как jQuery.
-
ExtensibleMaterial Design Lite по дизайну очень минималистичный и плоский.
-
Он разработан с учетом того факта, что добавлять новые правила CSS намного проще, чем перезаписывать существующие правила CSS.
-
Поддерживает тени и жирные цвета.
-
Цвета и оттенки остаются одинаковыми на разных платформах и устройствах.
Material Design Lite использует только стандартный CSS, и его очень легко освоить.
Нет никакой зависимости от какой-либо внешней библиотеки JavaScript, такой как jQuery.
ExtensibleMaterial Design Lite по дизайну очень минималистичный и плоский.
Он разработан с учетом того факта, что добавлять новые правила CSS намного проще, чем перезаписывать существующие правила CSS.
Поддерживает тени и жирные цвета.
Цвета и оттенки остаются одинаковыми на разных платформах и устройствах.
И самое главное, MDL абсолютно бесплатен в использовании.