Создайте отзывчивые макеты сетки с Bourbon Neat

Bourbon Neat является фреймворком с открытым исходным кодом сетки, построенным на топе Sass. Дерек Бланк объясняет, почему код отзывчивые макеты быстрее и эффективнее.

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

При необходимости, абстракция внешнего интерфейса активов в основном хорошая вещь: поскольку процессы становятся быстрее и более рационализированными, мы ожидаем увидеть сокращение жизненного цикла проекта, уменьшение головной боли у разработчика и снижение бюджета проекта.

Для некоторых рамки сетки являются бременем. При утверждении их следует рассматривать в качестве основы. Вместо того, чтобы вздыхать при объявлении очередной сетки конструкции, мы должны интерпретировать каждую новинку как часть следующего логического шага в тенденции абстракции, происходящего в развитии внешнего интерфейса. С этим, позвольте мне представить Вам следующий шаг: Bourbon Neat.

Созданные вручную в Бостоне, Bourbon и Neat на самом деле два разных инструмента. Bourbon является по существу дистиллированной примесью библиотеки, в то время как Neat является семантической сеткой рамки, зависящей от Bourbon. Оба они зависимы от Sass (и играют очень хорошо с Ruby). Если вы чувствуете себя комфортно с Sass и семантической разметкой, Вы будете чувствовать себя как дома и с Bourbon Neat.

Bourbon обеспечивает общие примеси и функции для экономии времени. Если вы просто хотите взглянуть на особенности, которые предлагает Бурбон, Вы можете перейти к следующему разделу. В противном случае, ознакомьтесь с инструкцией по установке. Для Rails 3.1 + приложений настройка не может быть проще.

Bourbon упрощает многие вещи. После установки здесь на самом деле нет конфигураций, необходимых для начала работы. Если бы Вы могли заглянуть в исходный код Bourbon, Вы бы обнаружили, что это по сути просто SCSS. Дополненный выгодами, предоставляемыми Sass, Bourbon включает решения вне коробки для более общих CSS3 идиом, таких как анимация, градиенты и оптимизация изображений.

Авторы и ответственные инструментарий непреклонны в плане источника проекта соответствующей спецификации CSS3, которая гарантирует, что ваш код остается устойчивым по мере развития технологий. Убедитесь, что Вы обновляетесь регулярно, потому что изменения происходят быстро.