Aspectos generales

• Asegúrate de definir siempre un DOCTYPE, ¡y úsalo!
• Evita usar estilos incrustados o elementos que definan la presentación de tu marcado.
• Valida tu código a medida que codifiques.
• Usa el navegador más moderno y con mejor soporte de los estándares durante el desarrollo y las pruebas, antes de probarlo en los navegadores "problemáticos", y no al revés.
• Usa el menor número de archivos posible.

Estructura, nomenclatura, etc.

• Sea cual sea, trata de ser consistente en el idioma usado cuando codifiques, tanto en los nombres como en los comentarios.
• "Usa siempre minúsculas y guiones o guiones bajos para separar palabras", aconseja el autor del artículo.
• Sé descriptivo en los nombres y huye de usar aquellos que se refieran a la apariencia de los elementos.
• Trata de sacar partido de la cascada (reglas de especificidad de los CSS).
• Usa criterios consistentes para organizar las declaraciones de estilos dentro de tu CSS.
• Trata de comprimir lo más posible el archivo resultante. Puedes utilizar herramientas como CSS Minifier.
• Evita usar comillas alrededor de las llamadas a imágenes.

Consideraciones adicionales

• En el 90% de los casos, la solución más sencilla será la menos problemática.
• Los hacks son la última solución.
• Algunos navegadores tienen fallos de renderizado. La mayoría están localizados en páginas como PositionIsEverything.
• Hay algunas técnicas que pueden ayudarte a reducir la cantidad de archivos de imagen que uses para construir tu página. Hablaremos de ellas más adelante.
• No te olvides de preparar una hoja de estilos para impresión.
• ¡No te olvides de los dispositivos móviles!