Per quanto riguarda l'HTML, desidero sempre avere gerarchie e rientri nei miei file. Ad esempio, se ho un sacco di div:
<div id="content">
<div id="post">
<div class="title">
Blah Blah Title
</div>
</div>
</div>
Suppongo che sia abbastanza ovvio per la maggior parte di coloro che creano layout e modelli, ma il più delle volte vedo solo HTML confuso che non ha alcuna gerarchia strutturale, rendendo difficile la lettura per un'altra persona. Immagino che provenga da un background più CS, questo è qualcosa che mi viene in mente. Lo stesso vale anche per i CSS. Diciamo che stai disegnando un div:
#whatever{
background-image: url('blah.gif');
color: #FFF000;
}
Il rientro rende molto più facile la lettura rapida quando sei abituato ad un'altra lingua mista come PHP / Ruby / Qualunque cosa. Ancora una volta, dipende da come lavori meglio, ma quando gli altri leggono il mio HTML, mi piace renderlo davvero organizzato :).
Inoltre, come detto sopra, è sempre una buona idea nominare le tue classi CSS e id nomi rilevanti per il tuo layout, specialmente quando diventa peloso (molto simile alla denominazione di variabili e metodi in altre lingue). Qualcos'altro a cui prestare attenzione è il temuto "indovinare e controllare" di margini, imbottiture e altri problemi di allineamento. Qualcosa che cerco spesso di evitare è mettere numeri negativi nei miei margini e nelle mie imbottiture. Può essere fonte di confusione se non hai creato il layout da solo e se vuoi tornarci più tardi e modificarlo, potresti doverlo revisionare. Secondo me è sempre una buona idea non provare nulla di strano o "kludgy" nei CSS, anche se sembra carino; di solito c'è un modo migliore per farlo, anche se devi ristrutturare il tuo CSS!