Свой минимальный grid CSS-фреймворк. Что в нем должно быть?

[@Wott]

я так смотрю что центровать Вы не любите :)

[@johnnythekid]

Хм, только сейчас заметил, что да, действительно «не люблю» :)

Обычно выравнивание текста по центру мне попадалось настолько редко, что я даже не задумывался о том, чтобы выносить подобную деталь в класс.

[@GetWindowsDirectory]

Кто нибудь читает старые посты?

[@garex]

Быт заел :)

Хотя мне бы хотелось видеть CSS-фреймворк, который сам как-то с браузерами справлялся и их самодурством.

И плюс, чтобы минимум дублирования кода было.

Что-то подобное видел под названием xCSS или pCSS, типа там ещё PHP поверх проходит и уже CSS генерит.

В идеале у верстальщика семантичный без дубляжа псевдо-CSS высокоуровневый, а клиенту уже выдаётся minified «сбилденный» чистый CSS, в котором все хаки учтены.

[@recoder]

Syntactically Awesome Stylesheets? sass-lang.com/

[@beono]

Можно продолжить список :)

.color-red
.color-green
.color-blue
.color-orange
.color-white
.color-black
.border-1px-solid-red
.border-1px-solid-green
…

[@johnnythekid]

Приведенный выше код нацелен в первую очередь на форматирование блоков, это есть упрощенная версия гридов. А вот цветовое оформление в фреймворке предсказать сложнее.
Вот так то! К.О.

[@johnnythekid]

По поводу .clearfix:after. Многие люди считают, что в reset.сss достаточно написать "* {margin:0;padding:0;}", другие продолжают пользоваться его расширенной версией.

Я ведь не утверждаю, что все написанное мной нужно использовать вразрез здравому смыслу. Мне пригождается.

[@johnnythekid]

Спасибо, полезные ссылки. Давно я Харисова не читал.

[@r3code]

Когда то думал изучить чей-нибудь фреймворк, но было лень и лень эта вывела именно на этот доклад, который все наглядно рассказал. Я согласен с докладчиком.

[@kolyuchii]

.hidden {visibility: hidden;}
.none {display: none;}

наверное так лучше

[@johnnythekid]

Здравое замечание, если оперировать понятием «спрятать» в рамках того, как это понимает цсс.

На практике же с «visibility: hidden;» я сталкиваюсь только если нужно, например, использовать прием text image replacement

[@r3code]

А еще полезно было во времена без FireBug
такие штуки:

/* Debug */
.debug-red {
   border: 1px solid red !important;
}
.debug-green {
   border: 1px solid Green !important;  
}
.debug-blue {
   border: 1px solid blue !important;  
}
.bg-red {
	background-color: #ff97ae !important;
}
.bg-green {
	background-color: #80ff94 !important;
}
.bg-blue {
	background-color: #b8e1fc !important;
}

Удобно выделить блок, чтобы видно было. Ведь иногда блоки в высоту не тянуться, потомучто забыт clearfix.

В основном такие классы полезны при отладке.