Jeśli chodzi o HTML, zawsze staram się mieć hierarchie i wcięcia w moich plikach. Na przykład, jeśli mam kilka div:
<div id="content">
<div id="post">
<div class="title">
Blah Blah Title
</div>
</div>
</div>
Sądzę, że jest to dość oczywiste dla większości tworzących układy i szablony, ale najczęściej widzę zniekształcony HTML, który nie ma żadnej strukturalnej hierarchii, co utrudnia czytanie innej osobie. Wydaje mi się, że pochodzę z CS-a, to coś, co utkwiło mi w pamięci. To samo dotyczy CSS. Powiedzmy, że projektujesz div:
#whatever{
background-image: url('blah.gif');
color: #FFF000;
}
Wcięcia znacznie ułatwiają szybkie czytanie, gdy jesteś przyzwyczajony do innego języka, w którym mieszane są np. PHP / Ruby / Cokolwiek. Znowu zależy to od tego, jak pracujesz najlepiej, ale kiedy inni czytają mój HTML, lubię go porządkować :).
Ponadto, jak wspomniano powyżej, zawsze dobrym pomysłem jest nazywanie klas CSS i identyfikowanie odpowiednich nazw do swojego układu, szczególnie gdy robi się owłosiony (podobnie jak nazywanie zmiennych i metod w innych językach). Inną rzeczą, na którą należy zwrócić uwagę, jest przerażające „odgadywanie i sprawdzanie” marginesów, wypełnień i innych problemów z wyrównaniem. Często staram się unikać liczb ujemnych na marginesach i wypełnieniach. Może to być mylące, jeśli sam nie stworzyłeś układu i jeśli chcesz wrócić do niego później i zmodyfikować go, być może będziesz musiał go zmienić. Moim zdaniem zawsze dobrym pomysłem jest, aby nie próbować niczego hokey lub „kludgy” w CSS, nawet jeśli ładnie to wygląda; zazwyczaj jest lepszy sposób, aby to zrobić, nawet jeśli musisz zrestrukturyzować swój CSS!