элементная база сайтостроения

Home Элементы Разработка CSS фреймворк blueprint

CSS фреймворк blueprint

ПОДЕЛИТЬСЯ
, / 2395 0

Веб-разработчики всегда ищут пути максимально сократить время выполнения работы, сохранив качество. Для этого они стараются автоматизировать рутинные работы, прибегая к различным шаблонным наработкам. Одной из таких разработок стал выпуск в 2007 году CSS фреймворка Blueprint, который быстро завоевал популярность у сайтостроителей.
Фреймворк — это конструктор, который позволяет создавать профессионально выглядящие кроссбраузерные веб-страницы. С его помощью можно быстро верстать разноплановые сайты, не вникая в огромное количество стилей.
Официальный сайт проекта http://www.blueprintcss.org/, на нем доступна для скачивания самая последняя версия фреймворка, а также размещены ссылки на базу знаний (wiki), коммьюнити и демо, показывающее готовые сайты, разработанные с использованием Blueprint CSS.
Фреймворк Blueprint работает на базе 24 колоночной сетки, где ширина колонки 30 пикселей, отступ между колонками 10, общая ширина сетки составляет 950 пикселей. Основу фреймворка составляют шесть таблиц:
• CSS reset — сброс стилей (обнуление стилей браузера).
• Typography — типографика. Профессионально выглядящие и идеально подходящие для отображения на экранах мониторов шрифты, стили абзацев и отступов, заголовков и междустрочных интервалов — всего того, что делает большие текстовые блоки удобными для восприятия.
• Grid сетка из 24 колонок. Используя сетку, можно создавать самые различные макеты, формируя блоки стилями. Фреймворк делит все пространство на столбцы, блоки контента занимают в ширину одну или несколько вертикальных полос, сколько колонок надо отвести на конкретный блок описывается в классе columns.
• Forms — формы. По-умолчанию, в браузерах внешнее оформление любых форм оставляет желать лучшего. Современные стандарты веб-разработки сводятся к тому что любые служебные элементы (а формы это именно они) должны гармонично интегрироваться в дизайн.
• IE —стили для браузера InternetExplorer.
• Print — стили для вывода печатной версии страницы.
Можно подключать не все стили, а только необходимые. Основная суть фреймворка Blueprint CSS — возможность можно быстро сверстать сайт даже без привлечения дизайнера, при этом сайт будет выглядеть современно и привлекательно. Фреймворк работает с фиксированной шириной страниц и использует абсолютные значения величин в пикселях. Функционал может быть расширен подключением дополнительных стилевых таблиц.

Оставить сообщение

PASSWORD RESET

восемнадцать + 10 =

REGISTER


один + 18 =

LOG IN