Обзор CSS фреймворков

16.08.2011
Небольшой обзор CSS-фреймворков

На повестке дня у нас css фреймворки, а конкретнее 3 из них, с которыми приходилось сталкиваться:

  1. Blueprint
  2. 960gs
  3. Css-framework

По очереди:

Blueprint

Blueprintофициальная страница - http://www.blueprintcss.org/

С этим фреймворком работал больше всего, т.к. он входит в состав yii framework. Работает со слоями, существуют плагины, а также стили для печати. По сути фреймворком задается сетка из 24 колонок, для которой определяются необходимые классы блоков.
Ниже представлены ссылки на документацию по данному фреймворку.
Ссылки:
http://www.blueprintcss.org/
https://github.com/joshuaclayton/blueprint-css/wiki/quick-start-tutorial
http://habrahabr.ru/blogs/css/24011/
http://blogocms.ru/2009/05/bystroe-vvedenie-v-blueprint/

960gs

официальный страница - http://960.gs/
Используется для сайтов шириной 960px, но есть версия Fluid 960gs, для резиновой верстки во всю ширину. В отличие от blueprint, 960gs, задает сетку из 12 - 16 колонок. Много этим фреймворком не пользовался, а только для фиксированной ширины.
Переписывать, то что уже написали - бессмысленно, так что ссылки:
http://960.gs/
http://www.simplecoding.org/960-grid-system-zachem-nuzhny-css-frejmvorki.html
http://www.designinfluences.com/fluid960gs/16/
http://habrahabr.ru/blogs/webdev/80915/

CSS-framework

css-frameworkофициальная страница - http://css-framework.ru/
Во-первых это единственный фреймворк, из трёх, разработанный рускими ;) соответственно присутствует качественная документация на оф. сайте, а также возможность связаться с автором напрямую через GTalk прямо с сайта.
Ссылки по теме:
http://css-framework.ru/

Итого: для себя я определился окончательно - в первую очередь Blueprint(проверен временем), и обязательно внимательнее вникнуть в два остальных.

blog comments powered by Disqus
Наверх