CSS-фреймворки и прочее

Давно не садился писать на прочувствованные технические темы, уж простите — жизнь приносила сюрпризы один за другим. А сейчас я всё-таки сяду и напишу, в интервале между событиями.

Итак, излюбленная тема — CSS. Излюбленная подтема — принципы именования CSS-объектов (классы, идентификаторы для элементов XHTML). Новомодная тема — CSS-фреймворки. Пройдусь по всем.

Начинать лучше всего с начала. Ещё лучше с того, что этому началу предшествует.

Начало

Для того, чтобы грамотно подобрать наименования, необходимо ещё перед началом вёрстки видеть как можно более полную картину будущего сайта. Т.е. по меньшей мере иметь на руках дизайн-макеты основных страниц. Вооружаетесь программой для просмотра изображений, карандашом, бумагой — и начинаете отмечать для себя типовые элементы дизайна, повторяющиеся элементы, общие для всех (или многих) макетов свойства и т.п.

Если же выходит так, что дизайнер присылает вам новые макеты уже в процессе работы, то нередко наблюдается снижение эффективности наименования и/или излишних стилях. И дело не в нехватке профессионализма, а в том, что вы не видели общую картину в начале работы. Характерный признак: верстая новые макеты, вы видите, что контекст ранее выбранных наименований не очень удачно вписывается в вёрстку новых страниц.

Стиль оформления стилей

MyStyle или my-style, а может my_style? Я стараюсь писать составные наименования так: my-style. Читабельнее.

Отбивать стили табуляцией или пробелами? Табуляцией. Пробелов нужно гораздо больше.

Писать стили в столбик или в строчку? В столбик. Хотя бы на период вёрстки. Читабельнее. Особенно важно, если работаете в команде с кем-то.

Работа в команде

Нужно обязательно договориться со всеми о едином стиле наименования и оформления кода, и придерживаться этих правил. Дело касается не только CSS, но и имён служебных папок, фоновых изображений и т.п. Нелишне перестраховаться от бардака.

Унификация стилей

Не секрет, что блочная валидная семантическая вёрстка успела обрасти несколькими общеупотребительными конструкциями (header, footer как минимум). Однако вопрос об наименовании других распространённых элементов дизайна до сих пор открыт. Да, обсуждают. Да, пишут свои варианты. Но сколько верстальщиков — столько и вкусов.

Тема интересная, а решение вопроса — насущно. Вот почему у меня загорелись глаза, когда я впервые прочитал о микроформатах. Они позволяют стандартизировать наименования некоторых типовых конструкций.

CSS-фреймворки

Не JavaScript-ом единым ;-).

Blueprint — буржуйский.
И наш, создаваемый руками Agat'а,— http://css-framework.ru/.

Лёд тронулся. Уверен, что это не последние попытки обобщить богатый полевой опыт. Унификация докатится и до этих аспектов. Пока одни думают, валидировать ли им код, другие шагают в будущее.

P.S. Особая тема — работа над высоконагруженными проектами, где каждый байт считают. Об этом надо Харисова с Макишвили спрашивать. Наверняка полно хитрых нюансов.