Le plus beau site HTML5 of the World

Il s'appelle Kroc Camen. Personne n'étant parfait il se peut qu'il soit anglais.

Son site en HTML5 est sans aucun doute le plus beau, le plus raffiné qui soit. Son code HTML et la CSS3 qui l'accompagne sont un chef d'œuvre atteignant l'épure. C'est la perfection. Ici pas de div, pas d'id ni de class. Le code source (en PHP) est ouvert et son auteur encourage les visiteurs à le réutiliser. Pas tous les visiteurs, non : le site n'est pas accessible à IE.

Ne vous inquiétez pas : je vous invite plus loin à le visiter. Mais avant je veux vous montrer le site HTML5 le plus loupé qui soit.

• • •

Le site HTML5 le plus raté of the World

C'est moi qui l'ai fait. La preuve ? Voici la copie d'écran de la page d'accueil vue par Safari :

HTML5 et autres geekeries : l'ancien template pourri - copie d'écran sous Safari

La honte ! Si le code HTML était plus que correct, ma CSS3 de 27 312 lignes — je m'impose toujours cette limite pour la concision — devait avoir quelques problèmes. Bien sûr je n'avais pas vérifié l'impression du template à l'écran sous d'autres navigateurs ou d'autres systèmes d'exploitation. Qui plus est comme je n'avais pas d'objectif particulier en terme d'audience ma feuille de style était ce bac à sable où je maniais à la pelle, les coins ronds, les ombrages, les opacités, les inclinaisions de textes etc. comme le gamin à qui on vient d'offrir la boîte du « Petit Chimiste » qui fait exploser sa chambre. Mon incompétence en CSS n'étant pas la seule limite, j'ai taté du JS sans vraiment comprendre comment les scripts que j'intégrais fonctionnaient et surtout se comportaient avec d'autres navigateurs que Firefox. Je suis très très fort.

Bref, mon site ne fonctionnant que pour moi, « t'es con : à quoi bon payer un hébergement ? » me suis-je dis in petto — puisque je me tutoie dans l'intimité de moi-même. Sauf que les robots des moteurs de recherches ne viennent que très rarement à la maison, et seulement la nuit pour crawler dans mes cauchemards.

Résultat des courses : j'enterre mon gabarit HTML5 et CSS3 pourrie dont voici la dernière image — R.I.P. — :

HTML5 et autres geekeries : l'ancien template - copie d'écran

Et je balance un nouveau template qui verra le jour pas plus tard que bientôt.
J'allais oublier !

Le site HTML5 du sieur Kroc Camen

HTML5 le site de Kroc Camen - copie d'écran
Le plus beau site HTML5 of the World



Commentaires :

Poppoll||#1
Poppoll
Philippe,
Regardez ici: http://devsnippets.com/article/designing-with-html5-css3.html votre site est repris!
PP
Bruno||#2
Bruno
Ca surprend quand même quand on regarde le code source...
Philippe||#3
Philippe
Merci Paul de me l'avoir signalé.
Si tu veux tout savoir : j'en ai honte.
PS : Tu te mets au français ?
WAP||#4
WAP
Ah oui c'est tout à fait surprenant. Ce type est balaise !
Daimeb@g||#5
Daimeb@g
Moi des lignes de code pour le css3 j'en ai compté que 1154...
Philippe||#6
Philippe
Daimeb@g, si tu ne sais pas apprécier la beauté, l’intelligence de ce code passe ton chemin et tais-toi.
Bidule||#7
Bidule
Le site fonctionne pas correctement.
Il mérite pas son titre de meilleur site. Loin de là.
Un site peu élaboré qui ne fonctionne pas à moitié. Please!!!
T'as beau faire du beau code organisé ça sert à rien puisque l'année d'après tout est à refaire.

Y'a encore rien qui bat les tableaux pour faire un site centré malgré tous les beaux discours des profs et conférenciés.

Un site dans un tableau = un jour de travail compatible tous les navigateurs incluant IE sous windows 3.1. Aucun niaisage, pas de hack stupides ou de css spécifiques. Les bonnes manières de faire du code c'est du niaisage qui coûte 5 fois plus cher aux clients.
Que ça soit un div, p, td, li, etc. Une balise ça reste un conteneur totalement modifiable en css pourquoi se faire chier? Toutes les balises pourraient s'appeler TOTO ça changerait rien on pourrait faire ce qu'on veut avec.
La mode de faire du code pour les cellulaires c'est terminé ils peuvent tous afficher correctement du css2 maintenant. Oublier les niaiseries qu'on vous a raconté dans vos cours de 2005. :D

Un autre truc qui me fait glorieusement péter les plombs aussi. Le html c'est du code d'affichage pas du code de logique de données. Ça va changer avec HTML5 car tout à coup le monde vont se rendre compte que les CSS sont des patches qui compliquent et fragmentent le code d'affichage pour rien.
Fini le niaisage dans les CSS et retour au gros bon sens. Du moins quand tout le monde aura un navigateur récent ce qui ne risque pas d'arriver puisque la majorité du monde préfèrent encore installer le WIndows XP piraté sur leur machine vieille de 10 ans et forcément ils ne peuvent pas mettre à jour leur IE6.

Les commentaires pour ce billet sont fermés