HTML ile ilgili olarak, her zaman dosyalarımda hiyerarşiler ve girinti için bir noktaya işaret ediyorum. Örneğin, bir sürü div varsa:
<div id="content">
<div id="post">
<div class="title">
Blah Blah Title
</div>
</div>
</div>
Bu, mizanpajlar ve şablonlar oluşturan çoğu kişi için oldukça açık, ancak çoğu zaman, herhangi bir yapısal hiyerarşisi olmayan karmaşık HTML görmüyorum, bu da başka bir kişi için okumayı zorlaştırıyor. Sanırım daha çok CS geçmişinden geliyor, bu aklımda kalan bir şey. Aynı şey CSS için de geçerli. Diyelim ki bir div tasarlıyorsunuz:
#whatever{
background-image: url('blah.gif');
color: #FFF000;
}
Girinti, PHP / Ruby / Whatever gibi karışık başka bir dile alıştığınızda hızlı bir şekilde okumayı kolaylaştırır. Yine, en iyi nasıl çalıştığınıza bağlıdır, ancak diğerleri HTML'imi okuduğunda, onu gerçekten organize etmeyi seviyorum :).
Ayrıca, yukarıda belirtildiği gibi, özellikle tüylü olduğunda (diğer dillerdeki değişkenleri ve yöntemleri adlandırmak gibi) CSS sınıflarınızı ve kimliklerinizi ilgili adlarınız düzeninize adlandırmak her zaman harika bir fikirdir. Dikkat edilmesi gereken başka bir şey, marjların, dolguların ve diğer hizalama sorunlarının korkunç "tahmin ve kontrolü" dür. Sıklıkla kaçınmaya çalıştığım bir şey, kenar boşluklarıma ve dolgularıma negatif sayılar koymaktır. Düzeni kendiniz yapmadıysanız ve daha sonra geri dönüp değiştirmek isterseniz kafa karıştırıcı olabilir, elden geçirmeniz gerekebilir. Bence, güzel görünse bile, CSS'de hokey veya "kludgy" gibi bir şey denemek her zaman iyi bir fikirdir; CSS'nizi yeniden yapılandırmanız gerekse bile, bunu yapmanın genellikle daha iyi bir yolu vardır!