CSS-framework - верстка на основе фреймворка

В последнее время накопившийся опыт (которого во многих областях более чем достаточно) преобразуется в различного вида framework-и (англ каркас, структура) - наборы готовых библиотек-файлов-шаблонов, которые можно взять за основу для дальнейшей доработки. Такая тенденция не обошла и CSS (Каскадные таблицы стилей) верстку.

Каждый, кому приходилось сталкиваться с версткой, скорее всего после двух-трех сверстанных макетов замечал, что многие элементы повторяются от сайта к сайту. И если вдруг возникло (вполне нормальное) желание вынести всё это в “шаблон” или “болванку” для верстки - знайте, Вы не одиноки!

Если у Вас нет своего шаблона (или нескольких), то для ускорения и облегчения процесса верстки можно воспользоваться уже готовыми CSS-фреймворками. Однако, следует обратить внимание на их особенности (у многих - жестко фиксированная ширина, где-то могут возникнуть проблемы при абсолютном-относительном позиционировании…) В общем, RTFM… (как вариант - все-таки можно сделать своё)

Итак, CSS-фреймворки:

http://developer.yahoo.com/yui/grids/ -  YUI 2: Grids CSS

http://960.gs/ - 960 GridSystem

http://www.yaml.de/ - YAML (”Yet Another Multicolumn Layout” - (X)HTML/CSS Framework)

http://elasticss.com/ - Elasic CSS

http://habrahabr.ru/blogs/css/46418/ - BlueTrip

code.google.com/p/malo/  - компактный фреймворк “Мало” :)
http://www.vcarrer.com/2009/01/prototyping-with-malo-css-library.html - пример использования

UPD краткое описание CSS-фреймвоков можно найти по ссылке
http://www.getincss.ru/2008/04/28/css-frameworks-izbrannoe/

http://www.noupe.com/css/5-popular-css-frameworks-tutorials-tools-for-getting-started.html

UPD2
http://uggallery.audiopeace.ru/css-manual - сборник статей по CSS-верстке

UPD3 скругленные углы на CSS

http://habrahabr.ru/blogs/webdev/30019/
http://habrahabr.ru/blogs/css/63983/
http://habrahabr.ru/blogs/css/64016/
http://techmeat.habrahabr.ru/blog/64033/

upd4 скругленные углы round-border
http://wb0.ru/articles/80.htm
http://www.artlebedev.ru/tools/technogrette/html/rounded-corners/
http://chikuyonok.ru/2009/02/rocon-more/ - библиотека

Метки: ,

Автор будет признателен, если Вы поделитесь ссылкой на статью, которая Вам помогла:
BB-код (для вставки на форум)

html-код (для вставки в ЖЖ, WP, blogger и на страницы сайта)

ссылка (для отправки по почте)

Добавить комментарий