Что касается HTML, я всегда подчеркиваю наличие иерархии и отступов в моих файлах. Например, если у меня есть куча div:
<div id="content">
<div id="post">
<div class="title">
Blah Blah Title
</div>
</div>
</div>
Я предполагаю, что это довольно очевидно для большинства, кто создает макеты и шаблоны, но чаще всего я просто вижу искаженный HTML, который не имеет никакой структурной иерархии, что затрудняет чтение для другого человека. Я предполагаю, что, исходя из более глубокого опыта в CS, это то, что запомнилось мне. То же самое касается CSS. Допустим, вы разрабатываете div:
#whatever{
background-image: url('blah.gif');
color: #FFF000;
}
Отступы значительно облегчают чтение, когда вы привыкли к другому языку, смешанному как PHP / Ruby / Wh чем угодно. Опять же, это зависит от того, как вы работаете лучше всего, но когда другие читают мой HTML, мне нравится делать его действительно организованным :).
Кроме того, как было сказано выше, всегда полезно называть ваши CSS-классы и идентифицировать соответствующие имена для вашего макета, особенно когда он становится шероховатым (очень похоже на именование переменных и методов в других языках). Что еще нужно остерегаться, так это страшное «угадывание и проверка» полей, отступов и других вопросов выравнивания. Что-то, чего я часто стараюсь избегать, это ставить отрицательные числа на полях и отступах. Это может сбить с толку, если вы не создали макет самостоятельно, и если вы захотите вернуться к нему позже и изменить его, вам, возможно, придется пересмотреть его. На мой взгляд, это всегда хорошая идея - не пытаться делать что-то «хоккейное» или «хлам» в CSS, даже если это выглядит красиво; обычно есть лучший способ сделать это, даже если вам придется реструктурировать свой CSS!