CSS фрэймворки

21 апреля 2008, 16:08 Павел Марковнин HTML и CSS рейтинг +21-

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

Плюсы CSS фрэймворков


Минусы CSS фрэймворков


Известные фреймворки


YAML

YAML, CSS фрэймворкЭтот (X)HTML/CSS фрэймворк предлагает полный набор стандартных шаблонов для простых и более сложных веб-проектов. YAML основан на стандартах и поддерживает все современные браузеры. Учитывая все основные баги Internet Explorer, YAML поддерживает всего его версии для Windows, с 5 по 7.

Кроме стандартных css схем, YAML так же предоставляет CSS для печати и различные инструменты для разработки под YAML. Все CSS компоненты фрэймворка имеют документацию и примеры.

YAML Builder

Вы также можете использовать YAML Builder для визуальной разработки вашей схемы. Можно указать Doctype, основные элементы схемы (#header, #footer, …), количество, ширину и порядок колонок.


Blueprint

Blueprint CSS фрэймворкBlueprint CSS фрэймворк создан норвежским студентом Olav Frihagen Bjørkøy. Он предлагает легко настраиваемую сетку, чувствительную типографику и таблицу стилей для печати. Он также использует относительные величины для размера шрифта и предоставляет CSS сброс.

Кроме того, вы можете использовать Blueprint Grid CSS генератор, чтобы сделать более гибкие версии шаблонов.

Blueprint CSS grid


Yahoo! UI Library CSS

Yahoo! UI CSS фрэймворк

Библиотека Yahoo! UI представляет набор CSS фрэймворков: ядро YUI CSS включает CSS сброс, базовый CSS, CSS для шрифтов и CSS для сетки.

Фрэймворк поддерживает постое изменение длины в разметке с фиксированной шириной; он так же подерживает резиновую верстку. YUI так же предоставляет YUI Grids Builder — простой интерфейс для изменения сетки.

Перевод с сайта Smashing Magazine.

Рекламное место, которое может стать вашим

Понравилась статья?

Тогда подпишись на обновления через RSS или воспользуйся
другими способами подписки.

Читать в Яндекс.Ленте Добавить в Google Добавить в Netvibes
  •  

Комментарии — 9

RSS
  • Аватарка
    8 мая 2008 в 16:28 skippi
    Наткнулся еще на простой фреймворк для верстки сеткой
  • Аватарка
    4 августа 2008 в 23:55 Александр
    А как ими пользоваться?
  • Аватарка
    13 октября 2009 в 12:25 RagnarR
    Забыли упомянуть про фреймворк 960 - по-моему тоже не плохой вариант.
  • Аватарка
    5 февраля в 21:41 Kein
    Да, присоединяюсь к последнему сообщению, 960 неплох
  • Аватарка
    17 февраля в 18:12 ]]>Onore]]>
    The jQuery UI CSS Framework - в пятерку лучших фреймворков
  • Аватарка
    19 апреля в 19:18 ]]>Yurbasik]]>
    Этот, тоже интересно как его юзать.
    в Дримвьювере чтоли?
  • Аватарка
    18 мая в 12:56 ]]>Nania]]>
    О, а я как раз инфу по css-fraimworks искал тут - http://rucoders.ru/t383.htm Скиньте туда ссылку на вас!
  • Аватарка
    19 июня в 3:47 ]]>Scriptin]]>
    Статья уже устарела, Blueprint переехал на www.blueprintcss.org

    А вот нормальной документации я так и не нашел, поэтому написал статью по фреймворку, может кому полезно будет: tips and tricks по Blueprint CSS framework.

    И еще есть вот такая вещь: Grid Designer, тоже может быть полезной.
  • Аватарка
    30 июля в 18:19 ]]>Александр]]>
    Grid designer - отличная весч- всем рекомендую.
  • Эл. почта (используется для Граватарки)
  • Домашняя страница
  • Имя в Твиттере
  • Разрешенные теги Текст сообщения (надо бы заполнить это поле)
  • как выглядит какой тег
    жирный текст <b>жирный текст</b>
    курсивный тект <i>курсивный тект</i>
    зачеркнутый текст <s>зачеркнутый текст</s>
    подчеркнутый текст <u>подчеркнутый текст</u>
    ссылка <a href="адрес">ссылка</a>
    function foo() { ... }
    <pre><code>function foo() { ... } </code></pre>