Оригинал статьи

Принимаю всеобщее увлечение рекомендациями по вёрстке. Мои 5 советов верстальщику. Не тайные манускрипты, а всего лишь простые советы :)
Я в этом блоге только тем и занимаюсь, что пытаюсь дать полезные советы, потому слегка повторюсь.

1. Правильная замена на картинки

Заменяйте текст на картинки хорошими CSS-техниками, например, для кликабельного логотипа сайта, нужен такой html:

1. Вау! Я логотип!

CSS:

1. h1 a{
2. width:250px;height:50px;
3. overflow:hidden;
4. display:block;
5. position:relative;
6. }
7. h1 a span{
8. position:absolute;
9. width:250px;height:50px;
10. top:0;
11. left:0;
12. background:transparent url(../img/kartinka.png) no-repeat 0 0;
13. }

2. Использовать табуляцию в CSS

Суть в табулировании селекторов в зависимости от иерархии. Чем более “глубокий” элемент — тем большим кол-вом табов он будет отделен.
Это на любителя, но попробовать совершенно точно стоит. Живой пример этого видно чуть выше, а вот так это выглядит издалека и вживую:

Мне нравится.
Как видно, иногда я пишу правила в одну строку, особенно когда подряд идут несколько правил с указанием лишь background

3. Выделенный текст

Очень простой и маленький приём. Иногда полезен.
Вот такой код:

1. Ищу ту, особенную!

В дизайне дано такое:

Выделенный красным “маркером” текст

Если попробовать решать задачу “в лоб”, пишем такое:

1. h2 span{background:red;padding:4px;}

получаем это:

Вторая строка “прилипает” к краю.
Мелочь, а неприятно

Вариантов решения несколько, наиболее простой таков:

1. h2{border-left:4px solid red;}
2. h2 span{background:red;padding:4px 4px 4px 0;}

Результат:

Правильно выделенный текст

Я ранее решал этот вопрос повторением фонового рисунка и паддингом для H2. Подсказал genn.

4. Давайте смешные имена классам и айди

Или

Могут сильно повеселить программистов и любителей заглянуть в ваш код.

Желательно конечно, чтобы такой класс или айди встречался в коде лишь один раз. Впрочем, возможны варианты. :)

5. Доводите вёрстку до конца

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

__END__

Адресую Виталию Харисову, Шабуневичу, Вадиму Макишвили.

ЗЫ: Дались всем эти числа в заголовках постов?