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