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

Tags: HTML, Illustration, Webdesign, Webworker
Posté dans Billets, Webworker par Lionel Roux le 17 nov 2009

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

Cet article vous a plu ?

Commenter

| Recevez les mises à jour

| Partager :

Répondre Citer #1 par Stéphane HUC le 17 novembre 2009 - 15:23

L’image est tellement grande qu’elle est difficilement visible sur un petit écran 1280×800 … sinon, c intéressant !

Répondre Citer #2 par Lionel Roux le 17 novembre 2009 - 15:49

Oui désolé c’est la taille originale.

Dès que je peux (dès que j’ai les outils), je ferais un lien vers une image plus petite (1024px de large par exemple).

Répondre Citer #3 par Romain le 17 novembre 2009 - 15:50

Effectivement, c’est un beau code HTML …… 5 …. qu’aux dernières nouvelles, Internet Explorer n’interprète pas encore !!

Répondre Citer #4 par Romain le 17 novembre 2009 - 15:59

Au temps pour moi, j’ai un train de retard, IE interprète bien HTML5 depuis la 7 !! … faut croire que j’ai vraiment été traumatisé par IE6 …. :p

Répondre Citer #5 par Romain le 17 novembre 2009 - 16:10

….. pour être exact, c’est bien interprété … mais via un fix JS (me semblait bien aussi!). pour tout savoir : http://html5doctor.com/how-to-get-html5-working-in-ie-and-firefox-2/
ok, j’arrête de me répondre à moi même !!

Répondre Citer #6 par PH Langlois le 2 décembre 2009 - 14:47

Accessoirement la définition de HTML 5 n’est pas terminée… donc interprétée par chaque navigateur comme il l’entend ..
Ca me semble un peu tôt pour réellement utiliser ce langage.
En revanche, considérer qu’HTML5 permettra à terme un code plus cohérent est sûrement vrai. Sauf que d’ici là les usages auront peut-être encore changé

Sur Les tweets qui mentionnent [Webdesign / Illustration] A quoi ressemble du « beau code HTML »? - Websourcing.fr -- Topsy.com le 17 novembre 2009 - 15:16

[...] Ce billet était mentionné sur Twitter par Camille Jourdain et papin, chady2008. chady2008 a dit: RT: @webtunisie2010: A quoi ressemble du « beau code HTML »? http://bit.ly/1PLJpP (via @camj59) #happy_web [...]
Sur Les tweets qui mentionnent [Webdesign / Illustration] A quoi ressemble du « beau code HTML »? - Websourcing.fr -- Topsy.com le 17 novembre 2009 - 15:23

[...] Ce billet était mentionné sur Twitter par Stephane Langonnet et chady2008, ludojj. ludojj a dit: RT @camj59 [Webdesign / Illustration] A quoi ressemble du « beau code HTML »? http://bit.ly/1PLJpP [...]
Sur Top hebdo Fuzz | Presse-Citron le 30 novembre 2009 - 16:18

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

Websourcing.fr » Actualités, Web, Logiciels et Fun