Mon site en vitrine ?

Inscrire mon site HTML5 dans la galerie

Avec mon beau code HTML5 ?

Ma belle feuille de styles CSS3 ?

Avec un bon lien pour le référencement ?
Pas d'hésitation...

Nico's Dreams, le site personnel de Nicolas Hoffmann

Un développeur Web qui code en HTML5 ?

Ouf ! Non : il code en XHTML5. Il a eu de la chance que je l'accepte dans la vitrine des sites HTML5 francophones car je hais les concurrents.

En plus d'avoir balisé comme un chef, Nicolas a tant lêché sa CSS qu'elle passe au feu vert du W3C. Forcément : quand on est bon c'est facile, pftt...

• • •

Comment qu'il a fait ? Eh bien il nous l'explique dans cet article de son blog : pour migrer mon site vers XHTML5 (son blog dont le design — je ne sais pas pourquoi — me fait penser à de la barbe à papa...).
C'était quoi l'idée au départ Nicolas ?

L'envie m'est venue de pouvoir profiter des nouveautés d'HTML5 (la balise video surtout, vu que je crée moi-même... des vidéos) tout en gardant cette particularité très geekesque : mon site était déjà servi en application/xhtml+xml (et non en text/html), et doit avoir un code valide de facto (c'est en quelque sorte plus contraignant pour le développeur).
Comme très peu de gens posent de telles contraintes sur leurs sites, je me suis dit "il faut qu'il y en ait au moins un qui essaie pour voir ce qu'HTML5 implique pour ce genre de choix", et après quelques recherches et essais, la migration s'est passée sans trop de souci. :)

Le blog de Nicolas Hoffmann, développeur Web
Nicolas Hoffmann Développeur web
Note :
46.0%
25 votes
1 2 3 4 5



Commentaires :

sac personnalisé||#1
sac personnalisé
Un article "où trouver la motivation pour passer son site en html5" serait la bienvenue...
J'en rêve, mais j'en fais aussi des cauchemars tellement j'ai la flemme.
Guam||#2
Guam
Encore un qui passe du côté obscur de la force... Il fait maintenant partie des grands de ce monde !
Nico||#3
Nico
"Sac personnalisé" (hou le référencement ;) ) : si tu as un site déjà bien codé, c'est pas très compliqué.

Guam : arf ! ;) Quoique question côté obscur, servir un site en application/xhtml+xml c'est bien pire qu'HTML5 en soi.
Usul||#4
Usul
J'ai vu le site de Hoffman, ok, le html5 et le CSS3, ça promet, pas de soucis la dessus.

Mais, perso, j'ai horreur des sites en fond noir et police blanche, tu lis 30 secondes et ça pète les yeux.
Je bannis toujours ce genre de site.
5h4r0||#5
5h4r0
inutile
EDIT : ???
Nico||#6
Nico
Usul : déjà j'ai un prénom et ensuite mon nom a une orthographe.

Et libre à toi de bannir (les goûts et les couleurs, ça ne se discute vraiment pas)... mais je comprends pas que tu perdes le temps de venir commenter qqch... que tu bannis ?
Nico||#7
Nico
J'oubliais : pour ceux qui n'aiment pas le graphisme, il y a les CSS alternatives dans "skins". ;)
DIW||#8
DIW
C’est vrai que c’est très laid et en plus tes skins ne marchent pas.
Nico||#9
Nico
Désolé, mes skins marchent très bien ! Ou alors, il faut m'expliquer comment tu fais pour qu'ils ne marchent pas.
LaurentB||#10
LaurentB
Les skins marchent très bien et j'applaudis l'exercice de style.
J'suis même carrément impressionné.
Loïc de l'agence Wype||#12
Loïc de l'agence Wype
Très bonne idée de passer ses site directement en xhtml5, on évite l'hécatombe des sites codés à l'arrache, non valide qu'il faut refaire ensuite une fois que les normes deviennent plus strict :)
Par contre je dois admettre avoir du mal à saisir le rapport avec la barbe à papa...Oo
winamax||#13
winamax
Oui pour un nouveau site il vaut mieux le faire directement en html 5 mais un site qui est déjà fait je ne vois l'intérêt de le mettre a jour.
Michaël||#14
Michaël
Pas fan du design non plus et je ne comprends pas pourquoi X HTML5. Quel est l’intérêt ?
comparateur mutuelle||#15
comparateur mutuelle
Article interessant, merci du partage :)
EDIT : C’est cela oui...
pas spammer j’ai dit. nan mais !
location bureau||#16
location bureau
Promis dans 2 semaines je m'y met au HTML5, jai pas encore eu le temps de me pencher dessus mais il semblerais qu'il y ai vraiment plein de trucs géniaux, mais bon va falloir aussi que je me penche sur le javascript...
J'ai la flegme moi aussi mais bon ya pas que le PHP dans la vie:)
alex||#17
alex
Bonjour,
ce n'est pas une critique, le HTML5 m'intéresse, mais je ne vois pas l'intérêt d'utiliser le html5 pour faire ça, ni l'intérêt des skins...
Pouvez-vous m'expliquer en quoi le 5 est indispensable sur cette exemple précis ?
Cerl||#18
Cerl
En plus d'être moche c'est vraiement n'importe quoi ce site.
Nico||#19
Nico
Alex (et tout ceux qui demandent l'intérêt d'HTML 5) : déjà lisez le texte de Philippe qui présente le site.

Le HTML 5 n'est pas absolument indispensable pour mon site... sauf... pour l'utilisation de la balise video que j'ai utilisée à plusieurs reprises pour présenter certaines de mes réalisations avec Terragen.

Les skins sont une simple démonstration technique (et à but d'apprentissage pour ma part) des possibilités des CSS, l'idée venant de cela : Ne sous-estimez jamais le pouvoir d'une idée....

Cerl : C'est bien, tu maîtrises les commentaires structurés. Je te conseille de ne pas perdre ton temps à commenter n'importe quoi, mon site en l'occurrence.
alex||#20
alex
Concernant l'utilité (limité) d'HTML5 sur le site de Nicolas Hoffmann nous sommes d'accord...
et pour le HTML5 en général je suis aussi d'accord avec vous !
J'ai presque lu les 25 pages de votre blog, et c'est passionnant, l'avenir c'est certain !
Encore faut-il en faire bon usage...
En combien de temps faisait-on un site de 3 pages en HTML ?
Combien aujourd'hui en HTML5, de A à Z j'entends ?
Nico||#21
Nico
Alex : ça dépend des fonctionnalités utilisées de HTML5 (c'est sur que si tu bidouilles du Canvas, ça peut prendre du tmeps), mais personnellement, je ne vois pas de différences si on se cantonne à utiliser juste les nouvelles balises.

Hormis le temps pour apprendre à gérer ces balises correctement (IE), c'est assez transparent comme changement.
Yoyo||#22
Yoyo
Il en faut de la motivation pour passer en html5 nos chères sites !
Heureusement avec l'aide de quelques tuto bien fait (voir développez.net) et de quelques bouquins, on s'en sort sans trop de soucis.
Mais la question est : Est-ce utile ?
Pellets dinplus||#23
Pellets dinplus
J'essaye tant bien que mal de passer mon site en html5, mais ce **** d'IE fait encore des siennes !
Franchement, ca motive pas à adopter de nouvelles technologies...

Les commentaires pour ce billet sont fermés