Что это такое?
Pure — это набор небольших адаптивных CSS-модулей, которые можно подключить к любому сайту или веб-приложению: адаптивная сетка, стилизованные кнопки, меню, формы и таблицы на минималистичной основе, которую легко настраивать.
Pure — это набор небольших адаптивных CSS-модулей, которые можно подключить к любому сайту или веб-приложению: адаптивная сетка, стилизованные кнопки, меню, формы и таблицы на минималистичной основе, которую легко настраивать.Это один файл стилей, который нужно подключить, или отдельные модули?Отдельные модули — base, grid, buttons, forms, menus и tables — их можно брать по одному или всё сразу одним файлом. Весь набор весит всего 3.7KB в минифицированном виде плюс gzip.
Отдельные модули — base, grid, buttons, forms, menus и tables — их можно брать по одному или всё сразу одним файлом. Весь набор весит всего 3.7KB в минифицированном виде плюс gzip.Как добавить его на свою страницу?Подключите готовый CSS с CDN — все файлы из каталога build/ опубликованы там; pure-min.css — это минифицированный общий файл, предназначенный для продакшена. Сборка из исходников необязательна.
Подключите готовый CSS с CDN — все файлы из каталога build/ опубликованы там; pure-min.css — это минифицированный общий файл, предназначенный для продакшена. Сборка из исходников необязательна.Нужно ли что-то устанавливать или добавлять JavaScript на страницы?Нет — вы просто подключаете файлы стилей; никакого JavaScript в рантайме нет и устанавливать ничего не нужно. Node.js, npm и Grunt понадобятся, только если вы захотите собрать Pure из исходников.
Нет — вы просто подключаете файлы стилей; никакого JavaScript в рантайме нет и устанавливать ничего не нужно. Node.js, npm и Grunt понадобятся, только если вы захотите собрать Pure из исходников.Если я подключу pure-min.css, моя вёрстка всё равно будет адаптироваться под мобильные?Не полностью: общие файлы pure.css и pure-min.css не включают адаптивную сетку с @media-запросами — она идёт отдельным файлом. Добавьте grids-responsive-min.css, чтобы заработали брейкпоинты сетки.
Не полностью: общие файлы pure.css и pure-min.css не включают адаптивную сетку с @media-запросами — она идёт отдельным файлом. Добавьте grids-responsive-min.css, чтобы заработали брейкпоинты сетки.В каких браузерах тестировали Pure?В README в качестве протестированных названы последние стабильные версии Firefox, Chrome и Safari; другие браузеры не упоминаются.
В README в качестве протестированных названы последние стабильные версии Firefox, Chrome и Safari; другие браузеры не упоминаются.Зачем столько разных файлов сборки?Названия системные: [module]-core.css — минимальная структурная основа, файлы с -nr — неадаптивные версии, обычный [module].css — адаптивный, а файлы с -min — минифицированные для продакшена.
Названия системные: [module]-core.css — минимальная структурная основа, файлы с -nr — неадаптивные версии, обычный [module].css — адаптивный, а файлы с -min — минифицированные для продакшена.Все ли сайты на Pure выглядят одинаково?Нет — Pure намеренно минималистичен: он стремится покрыть CSS, который нужен каждому сайту, «не превращая его в шаблонный», и его оформление описывается как очень простое в настройке.
Нет — Pure намеренно минималистичен: он стремится покрыть CSS, который нужен каждому сайту, «не превращая его в шаблонный», и его оформление описывается как очень простое в настройке.Зачем в Pure нужен Normalize.css?Базовый слой Pure построен на Normalize.css, которая сглаживает различия между браузерами, чтобы элементы отображались одинаково ещё до того, как вступают в дело собственные стили Pure и ваши.
Базовый слой Pure построен на Normalize.css, которая сглаживает различия между браузерами, чтобы элементы отображались одинаково ещё до того, как вступают в дело собственные стили Pure и ваши.What are similar projects?bootstrap-table, uikit, materialize, bootstrap, mdb-ui-kit, yeti, material-design-lite, milligram
bootstrap-table, uikit, materialize, bootstrap, mdb-ui-kit, yeti, material-design-lite, milligramWhich topics is it in?css-framework, zero-dependency, responsive, frontend-framework, bsd, ui-components, customization, css, html, ui, web-development, framework
css-framework, zero-dependency, responsive, frontend-framework, bsd, ui-components, customization, css, html, ui, web-development, framework