Apple et son site Web en HTML5 ? Hum... hum...

Le site d'Apple est passé en HTML5. Je viens de le découvrir ainsi que des tas de blogs et de sites en HTML5 via 101besthtml5sites.com, une galerie où devraient figurer the best HTML5 sites including tutorials and demos. Celui d'Apple est juste à côté de mon blog d'ailleurs (à l'initiative de Keith, l'un de ses animateurs). Mais est-ce pour autant un site HTML5 ? Non.

Vous allez dire que je ne suis pas bon joueur mais, cette visite de blogs et de sites dits en « HTML5 », m'a désespéré. Dans leur grande majorité ils n'ont d'HTML5 que le doctype. Ils sont bourrés de div, et, qui plus est, n'utilisent pas les nouvelles balises HTML5.

Okey : oui, j'encourage la refonte d'un site en HTML5 en y allant par paliers. Moderato en intégrant les balises dont la définition est maintenant certaine et en adaptant les feuilles de style existantes, puis de monter allegro quand tous les navigateurs modernes reconnaîtront toutes les propriétés CSS3 ou HTML5. Bien sûr on peut pallier les problèmes d'interprétation par l'ajout de scripts qui vont, soit faire reconnaître le codage HTML5 par les navigateurs, soit leur inculquer les propriétés des CSS3, mais avant d'envisager de leur apprendre la modernité, il faudrait un temps soit peu s'y mettre soi-même, non ? Et c'est là où je veux en venir. Tout gentil qu'ils peuvent l'être, l'équipe de 101besthtml5sites.com a l'ambition de gagner du pognon en exploitant le filon HTML5. Ce sont des ricains so, « they're only in it for the money ». HTML5, c'est l'engouement du moment. Jobs et Adobe ont bien contribué à faire comprendre au public consommateur que tout cela, eh bien, c'est une affaire de gros sous. Oui : HTML5 c'est un enjeu énorme pour un paquet d'acteurs : pour ceux qui produisent en utilisant son code bien sûr, mais tous ces marchands autour qui vont chercher à vous vendre des T-Shirts ou des mugs flammés au logo... qui reste à inventer. Plus sérieusement ce sont ces vendeurs de logiciels ou ces sites MFA qui font leur beurre des visiteurs attirés par la nouveauté HTML5. « Les meilleurs sites HTML5 avec des tutoriels et des démos » dixit « 101besthtml5sites.com ». C'est d'ailleurs dans cette catégorie « tutorials » que le Débloque-notes a été classé d'ailleurs. C'est une indication sur le sérieux de la sélection n'est -ce pas ? « 101besthtml5sites.com » va chercher le meilleur pour l'associer au pire et fourre tout ça dans un site qui n'est même pas en HTML5. Le comble !

Le meilleur ? Je l'ai dit : le meileur site HTML5 et CSS3 au monde c'est celui de Kroc Camen que l'on trouve quand même dans leurs galeries. Dans la rubrique Business en plus : quand on lit son blog (il y a un manifeste dans un coin à ne pas louper), quand on regarde son balisage, le chef d'œuvre que constitue sa CSS, on est à genoux et on prie : Syntaxe ! Priez pour moi !

Mais son site traîne dans le fond du classement alors qu'il devrait être en première place sur le podium. Il a un note minable de 3.3 (sur une échelle de 5 alors qu'il devrait être à 10/12 !). Pire encore, si vous effectuez une recherche sur camen, son prénom, le résultat vous renverra vers une page qui n'existe pas.

Non : il y a un problème : dans leur grande majorité les sites et blogues présentés n'ont d'HTML5 que le doctype. Ils sont bourrés de div, et, qui plus est, n'utilisent pas les nouvelles balises HTML5. Si on considère le peu de respect au code de la majorité des sites présents dans cette galerie positionnée tout de même dans le « Top of the notch HML5 websites » on se dit qu'il y a tromperie sur la marchandise.

C'est le cas d'Apple (Apple !): des header certes, mais pas de footer..., des section mais pas d'article... pas de figure, pas de balise mark. Que du HTML5 à minima somme toute que je vous laisse découvrir en cliquant sur le lien contenu dans l'image.

le site d'Apple en html5
Le site d'Apple en partie en HTML5

Les vieux cons du Web

Yen a qui disent qu'ils ont créé leur première page Web en 1996. Ah ! Ah ! Battus : la mienne c'était en novembre 1995 très précisément. Une seule page avec un formulaire et plein de liens vers des PDF à télécharger. C'était bien pratique pour les distributeurs de nos clients (Agfa, Kodak etc.) Sauf que je ne peux pas en apporter la preuve : Wayback machine n'avait pas encore été crée.

C'est bien pratique d'ailleurs : je peux prétendre être un précurseur du Web et même un référenceur en 1996 personne ne pourra me contredire. Yvon Huynh aka RefSchool, lui, akil a fait sa 1ère page en 1996 et akil a mis 10 ans pour faire la seconde. Si si... c'est écrit là : Interview d’un Blogueur : Yvon Huynh aka RefSchool.

un référenceur en 1996

Petit bras va ! En 1996 j'en avais déjà fait une demie-douzaine. Le 20 décembre dit Wayback (en fait c'était en septembre qu'elles ont été faites). Et là j'en ai la preuve. Bon, okey : au niveau graphique c'était à chier mais le code était pas si mal je trouve. Séquence nostalgie :

HTML website for Artquest in 1996

Mettez votre site en relief : passez aux CSS3D

Vous rêviez d'égaler James Cameron en créant des effets 3D pour votre site ? C'est maintenant possible grâce à l'incroyable révolution technologique qu'offrent les CSS3D. Épatez vos visiteurs en leur offrant cette expérience extraordinaire ! Oubliez les strong : mettez vos mots-clés en relief et pulvérisez vos concurrents dans les SERP.

CSS3 et le relief
Hypnotisez les robots des moteurs de recherche en mettant votre site en relief

Soyez le 1er : pour connaître les techniques en 3D des CSS3 adressez dès maintenant votre chèque de 124 € à mon association à but lucratif, Codeurs en périls par courriel [javascript protected email address]

Les bonnes manières d'un site Web

Une admiratrice m'écrit : Comment faites-vous pour être si intelligent et si beau ? Eh bien, très chère Madame, en toute humilité, sachez que c'est au prix d'une discipline de fer et d'un régime strict : je me nourris que de bons codes. Et surtout, surtout, je cherche à rendre les gens heureux de me fréquenter.

Prenons un exemple au hasard : cette autre fervente qui m'écrit Je m'appelle Christine et j'ai beaucoup appréciée vos guides pour devenir rédacteur. Je veux être rédacteur à mon tour. Que dois-je faire ?
Vous voyez ? Les occasions de rendre les gens sont très nombreuses : Bonjour Christine. Vous avez beaucoup de chance car c'est maintenant possible. En effet depuis le 12 février 2010 et par décret, la transexualité n'est plus considérée comme une maladie mentale en France. Vous pouvez donc devenir rédacteur sans aucun souci.

Très chère Madame, oui, on peut rendre très simplement les personnes heureuses. Même celles qui souffrent d'un handicap neuronal. Mais il n'y a pas qu'elles. Revenez demain : je vais vous dire comment apprendre les bonnes manières à un site Web.

top