Viva Helvetica…

Voila, la nouvelle version de 2803 est en ligne depuis hier soir. Pour les spécialistes de la validation sachez que si je désactive le script de pub (smartadserver) le template passe haut la main la validation XHTML (mais génère 11 erreurs lorsqu’il est intégré dans le header…). Pour ma part je pense avoir répondu à mon propre objectif.

2803 wordpress v2

Sinon il y a pas mal de nouveautés que je vais lister en vrac en ci-dessous :

-Passage en deux colonnes (il faut bien être à contre courant des fois)
-Utilisation massive de la police Helvetica
-Intégration de la notion de tabs dans la sidebar pour gagner de la place et cacher des éléments secondaires grâce à Jquery
-Optimisation du blog en général pour une intégration plus propre sur les autres blogs 2803
-Nouvelle fonctionnalité liée aux « top des contributeurs » de chaque semaine avec 7 backlinks en dur (attention je veille sur la nature des commentaires et leur qualité)
-Le contenu des derniers commentaires apparait maintenant en sidebar
-La pub quitte la zone de contenu et part en sidebar
-Apparition de quelques images en provenance d’un plugin utilisant mon compte flickr pour animer un peu le design
-Intégration des tags, des archives dans la sidebar
-Alternance de couleur dans les commentaires et mise en valeur des commentaires de l’auteur avec une petite image à droite
-Les liens des blogs 2803 partent en haut de la page…

Bref, pas mal de modifications pour plus de lisibilité, de clarté et d’espace… J’espère que vous apprécierez! Notez aussi au passage que je profite de l’absence de tout le monde pour cause de web3 pour lancer cette version dans le plus grand calme!

Si vous avez des remarques je les prends avec plaisir…

Publié le décembre 12, 2007 par . Cette article a été publié dans blog et taggé , , , . Enregistrer le lien de l'article.

56 commentaires sur “Viva Helvetica…”

  2. En effet c’est peut être lié au fameux bug du png transparent sous IE6 que j’ai essayé de limiter au maximum… Mais il y a un vieux roll-over un peu moche je l’avoue.

    Update : Roll Over nickel sous FF maintenant!

  3. Et une balise « alat » en guise de balise « alt » pour le logo French20, ce n’est pas difficile à corriger. ;)

    Personnellement je code en XHTML 1.0 Strict également, et ce sont les éléments extérieurs (frame Google pour la pub, frame Dailymotion pour les vidéos) qui rajoutent du code invalide. :(

    Bravo pour cette nouvelle version en tout cas.

  4. Je viens de vider le cache et ainsi la coquille sur le « alt » n’apparait plus maintenant ;) En tout cas merci car cela n’est pas mon métier de coder en XHTML ;)

  5. C’est peut être fait exprès mais le lien en minuscule de chez minuscule en haut de la bannière à gauche fait bizarre ;) Sinon j’aime beaucoup, je viens, après deux minutes, de m’apercevoir qu’il y avait du gris autour de la sidebar, ça ne se voit pas beaucoup mais c’est certainement voulu ;)

    Un dernier petit truc, peut-être traduire en FR le formulaire des commentaires et les espaces d’affichages des commentaires « Posted December 12, 2007 at 8:23 am | Permalink » ?

    Sinon good job, sobre, rapide à charger et pas trop d’images :)

  6. Pour le lien en haut c’est le H1 de la page et je ne voulais pas le virer donc je l’ai réduit au max et je lui ai donné la couleur du header (il faut que je vire le roll-over aussi d’ailleurs).

    Yes je dois traduire le reste, un jour peut être ;) Merci pour le retour!

  7. Pareil que sur Design 2803…

    Je préfère vraiment! :-)
    Ca charge plus vite d’ailleurs.

    Et puis la validation n’est pas toujours une référence. ;-) L’Education Nationale elle-même ne possède pas que des sites valides… Ca devrait pourtant être une référence en matière d’accessibilité.

    Bref c’est vraiment sympa. Surtout le système d’onglets sur le côté! C’est moins surchargé du coup.

    Par contre pourquoi ne pas traduire intégralement?

  8. Aurélien pour le chargement j’ai aussi un peu rajouté des trucs sur le serveur de 2803 histoire d’optimiser les caches des navigateurs (Gzip, Etags…).

  10. Sous Safari, quand on arrive en bas de la page, il y a un espace vide d’au moins 50px (à partir de RSS / RSS commentaires)… je trouve que ça fait assez bizarre.

    Sinon, pour le reste, c’est assez joli et pas trop mal.

    A+

  14. Le résultat est vraiment très réussi. C’est pâle, ça aurait pu être froid, mais ce n’est pas du tout l’impression générale. Well done!

    Quelques remarques sur des petits détails :

    – Le compteur Feedburner semble un peu étriqué au contact du header (et en fait, je ne vois pas très bien pourquoi il est là…)
    – Les différentes rubriques de la sidebar auraient mérité un peu plus d’espace les unes par rapport aux autres, et les titres par rapport aux contenus. ça manque d’air surtout dans la bloc « Abonnement et recherche », « Quelques photos » et « Derniers commentaires »
    – La petite taille de typo n’est pas lissée sous FF (mac). Dommage, mais là je crois que tu peux pas y faire grand chose.

    Voilà, bravo pour cette nouvelle version, efficace puisque j’ai déjà oublié la précédante ;p

  17. sympa la typo helvetica. Elle apparait meme sur un windows sans police. J aimmagine qu elle est plus stylee sur un mac.

    Interessante remarque concernant les tags de pub smart et autres. ca serait interessant de constater des progres significatifs dans ce domaine, au fil des annees on a l impression que rien a change. Est ce qu’un jour ils auront un peu plus de volonte a faire en sorte que leur code soit un peu plus propre ?

  18. Merci pour retour, j’intègre vos remarques au fil de l’eau…

    @gabyu, j’ai demandé à smart s’ils n’avaient pas un script plus propre car là c’est n’importe quoi quand on voit le nombre d’erreurs que cela génère. Même xiti ou statcounter proposent des codes propres en XHTM maintenant!

  19. On respire enfin ! ;) well done.

    Je regarderai plus tard en détail pour les éventuelles remontées de bug (mais j’ai l’impression que t’as déjà ce qu’il faut parmi les lecteurs ;))

  20. Sympa :-) Juste un détail, sous Windows quand la police Helvetica n’est pas installée, elle est automatiquement remplacée par l’Arial, donc ton Verdana ne sert à rien.

  21. « Passage en deux colonnes (il faut bien être à contre courant des fois) » :D

    Ah bon? Deux colonnes c’est contre courant ??? :D Et Helvetica c’est courant aussi, mais on s’en rend pas compte.

    Je préfère ce design en tout cas, très sobre. Les tabs à droite sont supers utiles et ergonomiques.

  25. Perso, j’aime moins le header qu’avant. Je le trouve un peu gros et simple.. Je crois aussi que tu pourrais enlever le bouton feedburner tout en haut et te contenter de la zone d’abonnement.

    Pour le reste, je trouve le blog plus lisible, plus clair, bref c’est bien.

    Mais il ya un truc queje ne comprend pas : le premier article en home, lorsque tu passes la souris sur son titre, une champ clicable s’affiche, sauf qu’il est différent de tous les autres articles et adopte les couleurs qui correspondaient à la boite de dialogue destinée aux visiteurs provenant de moteurs de recherche (jaune avec un cadre orange..)

  26. Vraiment sympa cette nouvelle version, plus claire, très lisible
    bravo pour ce formidable boulot… le design et la validation du code c’est souvent ce qu’il y a plus de chiant a faire…

    j’aurai foncé un peu plus les commentaires pour faire ressortir un peu plus les tiens (malgré le petit logo)

    pour jquery, c’est un plugin wordpress que tu utilises je suppose ? c’est bien pratique en tout cas.

  27. @Matthieu M. mais je pensais que tu utilisais firefox ;) c’est en effet un bug sous IE mais pas très grave!

    @Antoine non Jquery c’est à la main avec un plugin Jquery pour faire les tabs, wordpress n’a rien a voir avec cela…

  30. Bonsoir Henri,

    Je n’ai pas eu le temps de te répondre par mail la semaine dernière donc je vais le faire ici !! ;-) Très joli design et surtout très propre. Sûrement l’utilisation de Helvetica qui renforce ce sentiment. Seul petit bémol en ce qui me concerne, c’est la police de la sidebar que je trouve peut-être un tout petit peu trop petite et peut-être aussi trop d’informations. Mais pour ce qui est de ce point-là, c’est, je crois l’éternel problème des blogs: doit-on mettre un max d’infos dans la sidebar ou pas ? Et jusqu’où aller ? Sinon, j’aime beaucoup la nouvelle page d’accueil, très claire, agrémentée de photos, c’est vraiment propre. J’aime beaucoup en tout cas ! ;-)

Les commentaires sont fermés.