Pure.css - основы и особенности
Pure.css — набор файлов очень компактного размера, которые подключают к сайту, чтобы адаптировать его под мобильные устройства, сделать кроссбраузерным, а также задать остновную структуру сайта. Пурэ это не дизайнерский фрэймворк. Это техническая база, позволяющая сэкономить кучу времени на первоначальном этапе разработки сайта. Более подрбно об основных особенностях читайте далее.
Минимальный размер CSS
Pure — смехотворно крошечный. Размер набора всех модулей составляет 3,7 кб. Фреймфорк создавался специально под мобильные устройства, поэтому удержание компактных размеров файлов было приоритетной задачей. Каждая строка CSS тщательно продумана. Объём можно ещё сократить двумя способами:
- Если использовать не всю библиотеку, а только нужные файлы
- Использовать сжатие
Фундамент Pure CSS
Pure основан на файле Normalize.css, предоставляющий собой базовые стили для html-элементов, а также для наиболее распространенных тегов пользовательского интерфейса. Другими словами, Normalize - это набор стилей для минимально необходимой вёрстки с учётом кроссбраузорности без лишнего мусора.
Создан под мобильные устройства
Pure разрабатывается для запуска "из коробки", поэтому элементы эстетично смотрятся на экранах любого размера сразу после его подключения.
Удобство интеграции
Pure имеет минимальный дизайнерский стиль специально для возможности лёгкого наложения специализинованного поверх него. Т.е. разработан так, чтобы переопределение стилей было как можно проще.
Создание адаптивных макетов
Используя сетки, меню и другие наборы, можно легко создавать красивые адаптивные макеты для экранов любого размера. Разработчики Pure упростили для пользователей начальный этап вёрстки.
Вы можете изучить несколько примеров макетов и использовать их как основу будущих проектов.
Создание собственного дизайна
В отличие от других фреймворков, дизайн Pure бесхитростный, минималистичный и плоский. Разработчики считают, что намного проще добавить новые правила CSS, чем перезаписать существующие. Поэтому добавив несколько строк CSS, вы можете легко перенастроить внешний вид Pure в соответсвии с вашим веб-проектом
