In Bezug auf HTML lege ich immer Wert darauf, dass meine Dateien Hierarchien und Einrückungen enthalten. Zum Beispiel, wenn ich ein paar Divs habe:
<div id="content">
<div id="post">
<div class="title">
Blah Blah Title
</div>
</div>
</div>
Ich nehme an, dass dies für die meisten, die Layouts und Vorlagen erstellen, ziemlich offensichtlich ist, aber meistens sehe ich nur verstümmeltes HTML, das überhaupt keine strukturelle Hierarchie aufweist, was es für eine andere Person schwierig macht, es zu lesen. Ich denke, ich komme aus einem eher CS-Umfeld, das ist etwas, das mir im Gedächtnis bleibt. Gleiches gilt auch für CSS. Angenommen, Sie stylen ein Div:
#whatever{
background-image: url('blah.gif');
color: #FFF000;
}
Einrückung erleichtert das schnelle Durchlesen erheblich, wenn Sie an eine andere Sprache wie PHP / Ruby / Whatever gewöhnt sind. Auch hier kommt es darauf an, wie Sie am besten arbeiten, aber wenn andere meinen HTML-Code lesen, mache ich ihn gerne wirklich organisiert :).
Wie oben erwähnt, ist es immer eine gute Idee, Ihren CSS-Klassen und IDs relevante Namen für Ihr Layout zu geben, insbesondere wenn es haarig wird (ähnlich wie beim Benennen von Variablen und Methoden in anderen Sprachen). Etwas anderes, auf das Sie achten sollten, ist das gefürchtete "Erraten und Überprüfen" von Rändern, Polstern und anderen Ausrichtungsproblemen. Ich versuche oft zu vermeiden, negative Zahlen in meine Ränder und Auffüllungen einzufügen. Es kann verwirrend werden, wenn Sie das Layout nicht selbst erstellt haben und wenn Sie später darauf zurückkommen und es ändern möchten, müssen Sie es möglicherweise überarbeiten. Meiner Meinung nach ist es immer eine gute Idee, in CSS nichts Hokey oder "kludgy" auszuprobieren, auch wenn es gut aussieht. Es gibt normalerweise einen besseren Weg, dies zu tun, selbst wenn Sie Ihr CSS neu strukturieren müssen!