Открыто полученная, современная, быстро реагирующая платформа фронтенда на основе Существенного Дизайна
materializecss
Его официальный сайт materializecss.com описывает это как:
Современная быстро реагирующая платформа фронтенда на основе Существенного Дизайна.
Это - платформа с открытым исходным кодом в соответствии с лицензией MIT. Его официальный репозиторий мерзавца размещается на GitHub.
Платформа сохраняется командой четырех студентов из Университета Карнеги-Меллон. Для больше о них, посетите http://materializecss.com/about.html#team.
Сайт имеет красивый раздел под названием Витрина, где различные веб-сайты/приложения, которые используют это в качестве frontend платформы, перечислены, который обслуживает других разработчиков с реальным примером и вдохновением.
Руководство по началу работы
Начало работы является в основном самоучителем - как легко начать использовать, Осуществляются в веб-сайте.
Встроенные плагины JavaScript
- Разборный
- Диалоговые окна
- Выпадающий
- Мультимедиа
- Modals
- Параллакс
- Канцелярская кнопка
- ScrollFire
- ScrollSPy
- SideNav
- Вкладки
- Переходы
- Волны
Как я могу скомпилировать свою Дерзость
Этот раздел только релевантен, если Вы работаете с версией Дерзости, Осуществляются.
Во-первых, необходимо установить Дерзость в рабочем каталоге:
gem install sass Когда Вам установили Дерзость на Вашем проекте, и Вы хотите обновить свой вывод .css файл, необходимо использовать следующую команду:
sass sass/materialize.scss public/style.css Примечание: второй параметр sass/materialize.scss путь к Вашему .scss файл и последний параметр sass/style.css путь к Вашей выходной папке когда файл .css файл расположен.
Если Вы хотите избежать этой команды каждый раз, когда Вы делаете изменение, можно выполнить команду часов:
sass --watch sass/sass:public/stylesheets Примечание: эта команда наблюдает все файлы Дерзости в каталоге SCSS для изменений, и затем обновите файл стиля в наш общедоступный каталог.
Социальные ссылки
Что такое Существенный Дизайн
Созданный и разработанный Google, Существенный Дизайн является языком проектирования, который комбинирует классические принципы успешного дизайна наряду с инновациями и технологией. Цель Google состоит в том, чтобы разработать систему дизайна, который допускает объединенный пользовательский опыт через все их продукты на любой платформе.
Принципы существенного дизайна
Материал является метафорой - метафора материала определяет отношения между пространством и движением. Идея состоит в том, что технология вдохновлена бумагой и чернилами и используется для упрощения креативности и инноваций. Поверхности и края обеспечивают знакомые визуальные индикаторы, которые позволяют пользователям быстро понимать технологию вне материального мира.
Полужирный, графический, намеренный - Элементы и компоненты, такие как сетки, типография, цвет и формирование изображений не только визуально приятны, но также и создают ощущение иерархии, значения и фокуса. Акцент на различные действия и компоненты создает визуальное руководство для пользователей.
Движение обеспечивает значение - Движение позволяет пользователю проводить параллель между тем, что они видят на экране и в реальной жизни. Путем обеспечения и обратной связи и знакомства, это позволяет пользователю полностью погружать его или ее в незнакомую технологию. Движение содержит непротиворечивость и непрерывность в дополнение к предоставлению пользователям дополнительной подсознательной информации об объектах и преобразованиях.