En ce qui concerne HTML, je tiens toujours à avoir des hiérarchies et des retraits dans mes fichiers. Par exemple, si j'ai un tas de divs:
<div id="content">
<div id="post">
<div class="title">
Blah Blah Title
</div>
</div>
</div>
Je suppose que c'est assez évident pour la plupart de ceux qui créent des mises en page et des modèles, mais le plus souvent, je vois juste du HTML tronqué qui n'a aucune hiérarchie structurelle, ce qui rend la lecture difficile pour une autre personne. Je suppose que venant d'un arrière-plan plus CS, c'est quelque chose qui me reste à l'esprit. Il en va de même pour CSS. Disons que vous stylisez un div:
#whatever{
background-image: url('blah.gif');
color: #FFF000;
}
L'indentation facilite la lecture rapidement lorsque vous êtes habitué à une autre langue mélangée comme PHP / Ruby / Whats. Encore une fois, cela dépend de la façon dont vous travaillez le mieux, mais lorsque d'autres lisent mon code HTML, j'aime le rendre vraiment organisé :).
De plus, comme indiqué ci-dessus, c'est toujours une bonne idée de nommer vos classes CSS et ids des noms pertinents pour votre mise en page, surtout quand il devient poilu (un peu comme nommer des variables et des méthodes dans d'autres langues). Une autre chose à surveiller est la redoutable «deviner et vérifier» des marges, des rembourrages et d'autres problèmes d'alignement. Quelque chose que j'essaie souvent d'éviter est de mettre des nombres négatifs dans mes marges et mes rembourrages. Cela peut devenir déroutant si vous n'avez pas fait la mise en page vous-même et si vous souhaitez y revenir plus tard et la modifier, vous devrez peut-être la réviser. À mon avis, c'est toujours une bonne idée de ne rien essayer de hokey ou de "kludgy" en CSS, même si c'est joli; il y a généralement une meilleure façon de le faire, même si vous devez restructurer votre CSS!