CSS-фреймворк “Blueprint”

5 августа 2007 г.

Интересный CSS-фреймворк (что такое фреймворк?) под названием “Blueprint” представил веб-разработчикам норвежский студент.

Для чего он нужен?

Blueprint - это готовое решение, которое имеет целью сократить время разработки CSS-кода. Этот фреймворк дает Вам внушительную CSS-основу для создания Вашего интернет-проекта с удобной в использовании grid-сеткой, разумной типографикой и таблицей стилей для печати.

Особенности фреймворка “Blueprint”:

  • легко настраиваемая вертикальная и базовая сетка (grid);
  • осмысленная типографика;
  • совершенный файл стилей, обнуляющий дефолтные значения для HTML-элементов;
  • таблица стилей для печати;
  • оптимальный (нет ничего лишнего) CSS-код;
  • “убиты” отступы элемента <hr> в Internet Explorer.

Ссылки:

автор: Dimox | рубрика CSS-верстка | TrackBack

Комментарии (11): »

  1. размеры шрифта в px? помойму не самое лучшее решение!

    пытался оставить коммент по пользователю жж, что то не захотело работать)

    @
  2. И чем же они так плохи? По мне, так px гораздо удобнее относительных величин, меньше заморочек с ними. При относительных единицах измерения приходится постоянно учитывать их величину в родительском блоке.

    Если использовать их ради недоделанного IE, то глупо это, а в других современных браузерах, если понадобиться, шрифт можно увеличить и программными средствами.

    P.S. Да, плагин OpenID не хочет работать, буду разбираться.

  3. к сожалению недоделанным ие пользуется подновляющее количество пользователей

    @
  4. Да, и этот факт приносит лишнюю головную боль веб-разработчикам.

    Получается, что мне приходится жертвовать этими пользователями ради пиксельности :).

  5. нет,тебе придется жертвовать пиксельностью ради этих пользователей!)

    @
  6. ))))
    Пока что наблюдается совсем обратное!

  7. Ну что делать кругом обман

    @
  8. Виктор, про какой обман вы говорите?

  9. Пиксельные размеры шрифтов нужны чтобы было проще держать единый интерлиньяж по всей странице в процессе работы. С em-ами и процентами это сложнее. Потом в готовом дизайне перевести пиксельные размеры в em-ы - пол-часа работы максимум.

    Интересный фреймворк. Сделано в соотвествии с актуальными веяниями: минимализм, модульная сетка, интерлиньяжная сетка (или как это будет по-русски=). Последнее - остро модно, но практичность пока под вопросом. Для такого действительно лучше использовать хорошо продуманный и проверенный фреймворк, а не заново для каждого проекта писать.

  10. никогда не было проблем с пикселями

    @
  11. Такое нововвведение гораздо облегчает разработку СSS и уменьшает временные затраты. Это очень удобно, потмоу что разработка СSS, как правило, дело не из легких.

Оставьте комментарий

Помощь по добавлению кода и форматированию текста в комментарии:
  1. Как отформатировать текст комментария?

    Для этого необходимо использовать HTML-теги, например, <blockquote>, <a>, <strong>, <em> и другие.

  2. Как вывести в комментарии HTML-тег?

    Для этого необходимо заменить угловые скобки < и > на их ASCII-код - соответственно &lt; и &gt;.

    Например, чтобы вывести в комментарии тег <br />, используйте следующую запись: &lt;br /&gt;

  3. Как вставить пример кода без подсветки синтаксиса?

    Для этого используйте запись вида <code>ваш код</code>. При этом для визуального переноса строк кода необходимо задействовать соответствующий HTML-тег. Угловые скобки в коде НУЖНО заменять.

  4. Как вставить пример кода с подсветкой синтаксиса?

    Для этого используйте запись вида <code lang="html">ваш код</code>, где в параметре lang указывается нужный язык. Поддерживаемые языки: html, css, php, javascript и другие. Угловые скобки в коде в данном случае НЕ НУЖНО заменять.

Отправляя комментарий, Вы автоматически принимаете правила комментирования на этом блоге.

Правила комментирования на блоге dimox.name:

  1. Первый комментарий всегда проходит премодерацию.
  2. Если в соответствующем поле указана ссылка НЕ на главную страницу Вашего сайта, то такая ссылка будет сокращена до полного адреса сайта.
  3. Автор блога оставляет за собой право удаления ссылки на сайт комментатора, если это сплог, сателлит или тому подобный сайт, не внушающий доверия (созданный не для людей). Ссылки на форумы и сайты коммерческого характера также будут удалены.
  4. Запрещается использовать в качестве имени комментатора слоганы/названия сайтов, рекламные фразы, ключевые и т.п. слова. В случае несоблюдения этого условия имя изменяется по усмотрению владельца блога. Просьба указывать нормальное имя или ник.
  5. Велика вероятность, что короткий комментарий вида "Спасибо!", "Интересная статья", будет удален, поскольку он похож на спам. Исключение составляют знакомые автору блога комментаторы.

Подписаться, не комментируя