logo html5

On dit souvent que les cordonniers sont les moins bien chaussés et bien ce n'est plus mon cas maintenant ... Je viens de refaire totalement le thème de mon blog en utilisant au mieux les nouvelles fonctionnalités utiles de l'HTML5 / CSS3.

Je suis parti d'un Boilerplate HTML5 généré par Initializr que j'ai ensuite totalement customisé pour mes besoins et intégré à Dotclear, ma plateforme de blog adorée. Je reconnais qu'au niveau design il n'y a pas grand chose de neuf, mais pourtant toute la CSS a été récrite et la structure du thème a totalement été revue.

J'ai profité de cette mise à jour pour intégrer quelques microformats HTML5 (author, bookmark, prev, next ...) et j'ai intégré la fameuse librairie Twitter Bootstrap pour gérer la mise en page des différents blocs.

J'en ai aussi profité pour optimiser les chargements des fichiers Javascript, via l'utilisation des fonctionnalités de chargement de ressources de Modernizr. Après plus d'une dizaine d'heures de travail, le résultat est pas mal du tout. N'oubliez pas de faire un CTRL+F5 pour forcer le rafraîchissement du cache de votre navigateur.

Je suis preneur d'avis d'experts du Web sur le code HTML généré, n'hésitez pas à me laisser un petit commentaire ;-)

1. Le , 09:20 par beuco
c4b8dcb841408b0abea9985943ca4da3

Pinaise, c'est beau ! Le code a l'air très propre à première vue. Tu as pris d'excellentes bases. ça te sera utile pour de prochaines évolutions.

2. Le , 13:55 par spawnrider
f7bf66fa0d9fc0532a323f47a5c3ba95

Et dire que je me suis dit que j'allais faire la même chose il y a une semaine mais je ne sais pas par où commencer...

Excellent boulot en tout cas! Au niveau référencement et fréquentation, ça le fait ?

3. Le , 14:39 par Ludovic
9ab09dd3e305f924f8930e20e1a35843

Merci beaucoup !
Initializr fournit une bonne base HTML et Bootstrap fournit la base CSS.
Au niveau design, pas de grands changements, la structure reste la même ... C'est plus épuré, tous les dégradés sont gérés en CSS, il y a donc beaucoup moins d'images chargées, le chargement des pages devrait être normalement plus rapide :-)

4. Le , 18:42 par napoleon
de76c86174f58552de59f640ba14f203

Excellent, je ne connaissais pas ton site avant, mais j'aime, pas de chargement trop long, simple, beau et propre.
Avec Boilerplate de toute façon dur dur de partir sur de mauvaise base !

5. Le , 19:34 par Ludovic
9ab09dd3e305f924f8930e20e1a35843

Merci Napoléon, il ne manque plus que 2/3 optimisations et ça sera bon !

Ajouter un commentaire

Le code HTML est affiché comme du texte et les adresses web sont automatiquement transformées.