[Webdesign / Illustration] A quoi ressemble du « beau code HTML »?

On entend souvent les webdesigners parler de respect des standards, de validation, de sémantique, d’ergonomie et d’usabilité. En deux mots ils disent souvent du « beau code ».

« Code is Poetry » peut-on lire souvent chez les plus intégristes.

Mais au fait c’est quoi du beau code? Est-ce un bout de code qui respecte tout ce que j’ai énoncé juste avant? Ou du code qui tire le meilleur partie de son méta-langage, HTML, par exemple ?

Voici une illustration qui est une tentative de réponse à cette question pour le « langage HTML (5) », mais aussi un guide lors de la réalisation de sites web (en tout cas c’est comme ça que je le prends).

Voir l’image en largeur 900px (petits écrans).

Une bien belle illustration à imprimer (taille originale 2000×2000 px) en bien grand si possible.
Si quelqu’un se sent le courage de traduire, la source .PSD est fournie. Faite le moi savoir, je publierais la traduction.

Téléchargez l’image en grande taille

Téléchargez la source PSD

crédits: css tricks