Pure

Набор небольших, отзывчивых модулей CSS, которые можно использовать в любых веб-проектах

<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.4.2/pure-min.css">

Быстрый старт Смотреть на GitHub

CSS минимального размера

CSS-фреймворк Pure очень маленький! Все модули фреймворка умещаются в 4.5KB* сжатого кода, что никак не сказывается на функциональности и удобстве использования. Размер так мал из-за ориентированности в первую очередь на мобильные устройства. Каждая строка CSS-кода была тщательно продумана. Но, если вы решили использовать лишь какие-то конкретные модули Pure, то вы сэкономите на размере CSS-кода ещё больше и сделаете вашь сайт ещё более лёгким!

* Размер каждого модуля отвечающего за определённую функциональность, можно увидеть выше на инфографике.

Собственный базовый CSS

Pure базируется на Normalize.css и представляет макет и стиль для основных HTML-элементов, а также включает стили для наиболее распространённых элементов пользовательских интерфейсов. Это то, что вам действительно нужно, без всякого мусора.

Сделано с ориентацией на мобильные устройства

Pure делает ваш дизайн отзывчивым к разрешению экрана по умолчанию. Настроить базовые стили вы можете и самостоятельно, используя Skin Builder.

Сохраняйте уникальность своего дизайна

Pure содержит минимальное количество стилей и даёт возможность писать собственные стили поверх базовых. Все стили легко переопределяются и втраивание Pure в проект не вызовет никаких трудностей.

Создание отзывчивых макетов

Используя Сетки, Меню, и остальные инструменты, можно легко создать красивый и отзывчивый макет, отлично смотрящийся при любом разрешении экрана. Pure очень лёгок в освоении и вы быстро сможете начать работу с ним. Взгляните на несколько различных макетов и начните свой следующий веб-проект используя готовую прочную основу.

Смотреть готовые макеты

Настройте внешний вид по собственным предпочтениям

В отличии от других CSS-фреймворков, дизайн Pure чистый, минимальный и расширяемый. Мы считаем, что добавлять новые правила CSS - гораздо проще, чем перезаписывать существующие. Добавив несколько строк CSS, вы можете настроить внешний вид Pure, и продолжать комфортно работать со своим веб-проектом.

Настроить Pure