CSS Frameworks: избранное
CSS-Framework - библиотека CSS стилей, упрощающая создание шаблона для сайта. Фреймворк будет особенно полезен, если вам необходимо сделать шаблон на основе сетки (grid) или шаблон для печати.
Из русскоязычных фреймворков нашла только
Иностранных проектов намного больше. Наиболее известные из них это:
- фреймворк, созданный Olav Bjorkoy, предлагает на выбор различные шаблоны на сетке, шаблоны для печати. Большой вклад в разработку CSS кода внесли такие мастера, как: Jeff Croft , Nathan Borror, Christian Metts, и Eric Meyer. Blueprint CSS Framework доступен как для персонального, так и для коммерческого использования с соответствующими лицензиями.
– или “Yet Another Multicolumn Layout” – (X)HTML/CSS фреймворк, предназначенный для создания современных гибких шаблонов. YAML, разработанный Dirk Jesse, полностью поддерживается всеми версиями IE. YAML распространяется под лицензией от Creative Commons Attribution 2.0, которая включает использование фреймворка как в персональных, так и коммерческих целях. YAML имеет очень гибкую структуру и простую, доступную каждому документацию. Разработчики также сделали специальный , благодаря которому можно визуально настраивать основные элементы шаблонов, и это, конечно же, очень удобно.
- – фреймворк, разработанный специально для шаблонов на сетке. Цель проекта 960 Grid System - модернизировать и упростить процесс веб-разработки путем применения общих правил, основным из которых является создание шаблонов шириной 960px. Причина выбора именно этого значения в том, что 960 делиться на 2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320 и 480. Что делает шаблон очень гибким к любым изменениям и применимым к самым разнообразным дизайнам.
– фреймворк содержит файл “чистки” css, шрифты, и архив с сетками. И даже включает в себя конструктор сетки для быстрого создания нужного шаблона. Yahoo! UI Grid CSS содержит большой выбор шаблонов с фиксированной шириной, котрую можно легко изменять.
– - коллекция CSS файлов и PHP утилит, позволяющая сократить время на разработку валидных, кроссбраузерных xHTML шаблонов.
- фреймворк комплект содержит дерево папок и некоторые компоненты. Используя ESWAT вам не придется создавать повторяющиеся HTML теги, CSS правила, папки и т.д.
фреймворк, разработанный Ben Henschel. Он позволит вам сделать ваш код чище, проще и сократит время на разработку шаблона. А также позволит правильно организовать файловую структуру проекта, делая его более эффективным.
- небольшой фреймворк, позволяющий сделать простые и в тоже время элегантные шаблоны.
- проект имеет целью создание кроссбраузерных, гибких шаблонов, легко настраиваемых под различные дизайны. WYMstyle содержит набор CSS файлов, которые можно комбинировать, создавая различные шаблоны очень быстро.
И напоследок, еще несколько ссылок на небольшие CSS-фреймворк проекты:
Если вы знаете больше фреймворков, оставляйте ссылки, я их обязательно добавлю к статье.
Dmoz
Из приведённых выше работал с Blueprint, Yahoo UI Grid и YAML.
И вот уже как почти год постоянно использую немецкий YAML, в отличии от остальных, в нем обнуление стилей и subtemplates реализованы более качественно, в том числе с учетом существования IE6.
ВиталийЦитировать
вот ищу информацию про 960 Grid System на русском языке, так как не могу понять, чем он хорош? я вижу один существенный недостаток — он несет в себе огромных размеров css-файл в котором возможно половина правил даже не будет использоваться.
Можешь ли ты обьяснить мне чем хороши grid based фреймворки для css ?
lilumiЦитировать
да, это недостаток всех фреймворков, что половина правил просто не используется. А Grid-based хороши тем, что прекрасно подходят для портальных сайтов, где как правило колонки одной ширины/высоты и создать их можно любое количество.
Я не советую использовать фреймворки для сайтов-визиток, где максимум 10-15 страниц, именно из-за веса css файла.
На русском врядли что найдешь, но 960 Grid System довольно популярна судя по кол-ву ссылок. Да и не так сложна.
АвторЦитировать
спасибо за ответ.
lilumiЦитировать
из русскоязычных есть еще
это переделанный Tripoli + Hartija + немного скриптов для повседневных задач
основная цель проекта – привести отбражение всех html тегов в одинаковый вид во всех популярных браузерах, грубо говоря свести к минимуму проблемы с типографикой
banzalikЦитировать
Вот так спасибо! А я как раз искал инфу по этим фреймворкам.
киньте линк на эту статью!
СанькаЦитировать
Посмотрел… Мдя. Один включает в CSS хаки место того что бы
делать отдельный стиль. Другой требует руби, непонятно зачем. Четвертый предлагает страницу индекс с характерным Some Content. Что это за детский сад?
ПосмотрелЦитировать