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