CSS Framework «Object Oriented CSS»

так и не нашел где скачать чего-нить чтобы ручками потрогать

Просто там две части в докладе, вот презентация второй, там на предпоследнем слайде ссылка на архив с несколькими примерами.

в презентациях всегда всё красочно и красиво… пишите классы, не завязывайтесь на имена тэгов…
а в коде: h1, h2, h3, h4, h5, h6, ul, ol,dl, p {padding:10px;}

У Googla GWT

перенес :)

Ну всё же этот фреймворк не от Yahoo, это персональный проект сотрудника Yahoo. И упоминать его в контексте YUI я бы не стал.

что-то совсем не впечатлило…

Сам пользуюсь вот этим

developer.yahoo.com/yui/grids/
devkick.com/lab/tripoli/
code.google.com/p/blueprintcss/
www.yaml.de/en/home.html
bluetrip.org/
code.google.com/p/malo/ — оч. компактный фрейворк malo
code.google.com/p/emastic/
css-framework.ru/

…немедлено скачать и опробОвать

> Вот наткнулся на презентацию CSS Framework своими руками от Яндекса
> так и не нашел где скачать чего-нить чтобы ручками потрогать

Говорить за автора — дело неблагодарное, но всё же. Мне кажется, что вы упустили смысл презентации, что звучит в его названии: «своими руками» значит своими руками, т.е. как сделать что-то самому, а не «скочать».

А данный фреймворк, конечно, гм… сомнительный:

.mediaExt {overflow:hidden; _overflow:visible; zoom:1;}

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

/* .h1-.h6 classes should be used to maintain the semantically appropriate heading levels - NOT for use on non-headings */
h1, .h1{font-size:196%; font-weight:normal; font-style: normal; color:#DF2B72;}
h2, .h2{font-size:167%; font-weight:normal; font-style: normal; color:#AE0345;}
h3, .h3{font-size:146.5%; font-weight:normal; font-style: normal; color:#DF2B72;}
h4, .h4{font-size:123.1%; font-weight:normal; font-style: normal; color: #333;}
h5, .h5{font-size:108%; font-weight:bold; font-style: normal; color:#AE0345;}
h6, .h6{font-size:108%; font-weight:normal; font-style: italic; color:#333;}

А для чего тогда эти классы?

.line, .lastUnit {overflow: hidden; _overflow: visible; zoom:1;width:auto !important;}

И затем еще написано, что есть проблема с блоками, которые выходят за границы .line. Почему не использовать easyclearing?

.size1of2{width:50%;_width:49.9% !important;}
.size1of3{width:33.33333%;_width:33.25% !important;}
.size2of3{width:66.66666%;_width:66.65% !important;}
.size1of4{width:25%;_width:24.95% !important;}
.size3of4{width:75%;_width:74.95% !important;}
.size1of5{width:20%;_width:19.95% !important;}
.size2of5{width:40%;_width:39.95% !important;}
.size3of5{width:60%;_width:59.95% !important;}
.size4of5{width:80%;_width:79.95% !important;}

Это решение проблемы «прыгающих» блоков для лентяев.

P.S. Виталий Харисов лучше это делает :)

Видимо, автор учится и ищет проблемы, вот и всё.