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