Rebooted

Publié le 09 Aug 07 à 12:25 | Catégorie : Blog | 35 commentaires

Et voilà, la nouvelle version du blog est en ligne. Ce Blog Reboot a été un petit peu fastidieux, car il impliquait dans mon cas une mise à jour au niveau technique plutôt conséquente. Je passerai sous silence mon oubli complet de la date initialement prévue pour la fin de cet événement (le 7 août en l’occurrence, mais dans mon esprit il s’agissait plutôt du 8, allez savoir pourquoi). En revanche, je tiens dès à présent à remercier Internet Explorer qui a tout fait pour me compliquer la tâche. Mais voyons plutôt ensemble ce qui a changé…

Au niveau graphique d’abord. Il faut bien comprendre qu’il ne s’agit absolument pas d’un redesign, mais plutôt d’un affinage. L’idée était de proposer quelque chose de mieux fini, de plus professionnel. Par exemple, le logo et les boutons de la colonne de droite ont été retravaillés, le formulaire de recherche est maintenant plus proéminent et les informations à propos d’un article sont davantage mises en valeur. Il fallait également intégrer de la manière la plus agréable possible la publicité.

Aperçu de la nouvelle version

Le nombre d’abonnés au flux RSS est toujours présent, mais l’indicateur présentant son évolution sur 7 jours a disparu au profit du nombre de commentaires. Le médaillon affichant le nombre de jours a vu sa taille réduire et le style graphique des commentaires a été revu (il prend cette fois-ci en compte un nombre de commentaires supérieur à 100). Il y a d’ailleurs une séparation entre les rétroliens et les commentaires maintenant, toujours dans un souci de clarté. Je vous laisse le soin de découvrir les autres détails graphiques qui ont fait leur apparition.

En ce qui concerne la technique, il y a eu de gros changements. Comme très souvent dans ces cas-là, cela ne se voit pas au premier abord. Le plus important concerne la migration vers la dernière version de Wordpress (ce qui incluait en plus une conversion de la base de données, mais je reviendrai dessus dans un article à part). Pour m’aider dans cette tâche, j’ai utilisé un gestionnaire de versions avec différents niveaux de code (développement, pré-production et production).

Certains plugins Wordpress ont disparu alors que de nouveaux sont arrivés. J’ai même eu l’opportunité de développer de nouvelles extensions afin de ne plus avoir à apporter mes modifications directement au sein du code source de Wordpress (ce qui est vous vous en doutez très problématique lorsqu’on souhaite en installer une nouvelle version).

Je profiterais de cette occasion pour attirer votre attention sur les extensions que vous intégrez à votre plateforme de publication : elles sont souvent de qualités inégales et peuvent se révéler parfois désastreuses en terme de performance. Attention donc à la surabondance…

Sinon la structure du site a été revue dans l’espoir de l’optimiser au mieux pour les moteurs de recherche :

Aperçus des changements de la structure du site

Certains seront contents d’apprendre le retour des liens absolus dans les articles, ce qui a pour effet de corriger les problèmes de liens au niveau du flux RSS et de la newsletter.

Je suis content de voir que le concept de Blog Reboot ait trouvé écho auprès de plusieurs blogueurs. Il est fort probable que la prochaine édition ira encore plus loin (et sera bien mieux préparée). En ce qui me concerne, je vais profiter de la semaine à venir pour corriger les problèmes que vous ne manquerez pas de me remonter. Et je vous donne rendez-vous le lundi 20 août pour de nouveaux articles et la suite de cette aventure.

A lire également

Vous pouvez continuer votre lecture sur des sujets similaires en consultant les articles suivants :

Les visiteurs qui ont vu cette page ont consulté ensuite :

A savoir

La rédaction de cet article a nécessité 1 heure et 29 minutes. Si vous le souhaitez, vous pouvez être prévenu de la parution de nouveaux articles en vous abonnant par RSS ou par email.


35 commentaires à propos de “Rebooted” :

  1. L’image en dessous de la pub Google pour arrondir les bords est doublée sur Firefox/Ubuntu :/
    C’est pas très élégant !

  2. Bravo reboot fine subtile mais vraiment interresante. Le site est de plus en plus jolie et c’est toujours autant une joie de lire tes articles tous les matins ( la pause détente au bureau )

    Continue dans cette voie, et je suis sur que simpleentrepreneur va devenir un des blogs français les plus connus ( si ce n’est deja pas le cas !)

    Maintenant on attend loomiz…

    Bonne vacance si tu en as

    Jonathan
    Un fan de longue date

    ps: sous firefox le formulaire d’ajout de commentaire est trés peu lisible et le preview en dessous saffiche mal

  3. Merci pour ces premiers retours. Il y a un vrai souci d’affichage au niveau de la bannière. Des fois le formulaire d’ajout de commentaires est même carrément coupé, et je ne vois pas du tout d’où ça vient… Un vrai bonheur.

  4. Plutôt sympa :)
    Je suis bien content de voir que la charte graphique est restée similaire (je la trouve impec).

    De mon côté pas vu de soucis sous FF2 et IE6.

    Par contre je trouve qu’on ne différencie pas vraiment ton article des sections “A lire également”, “A savoir”. On dirait qu’elles sont la suite de ton article en cours, je trouve ça assez “perturbant” même si du coup on est presque obligé de lire le titre d’autres articles de ta part (et p-e donc rester plus longtemps sur ton blog ^^)

    Arkan

    PS: dérangeant aussi la prévisualisation qui ne s’affiche plus après 8 lignes ;) (sous FF2)

  5. C’est très joli joli. On voit que tu aimes la perfection et soigner les détails de manière quasi maniaque, ainsi ton blog n’aura bientôt plus de défauts. Sauf peut-être celui de consommer une grosse partie de ton temps au détriment de Loomiz.
    Qu’en est-il de ton projet? Tu as encore du temps à lui consacrer? Parce que finalement si on est là et qu’on te suit, c’est pour voir l’aboutissement de cette année de travail.
    Il semble que ça prenne bien plus de temps que ce que tu avais imaginé, alors pourquoi en consacrer autant à ton interface d’information? Je comprends parfaitement que l’image donnée par tes projets annexes (blog et site perso) est très importante pour Loomiz et pour toi, mais je me permets de me demander si la proportion du temps qui leur est consacré n’est pas disproportionnée…?
    A moins bien sûr que tu n’aie un gros investisseur et des moyens qui te le permettent, mais au vu de la vitesse à laquelle les projets éclosent sur le net, n’as-tu aucune crainte d’être coiffé au chapeau par une équipe plus solide et plus rapide qui sortirait un produit similaire, alors que tu serais en pleine quête de perfection pour ton blog?
    Des questions que je me pose depuis un moment et qui sont déjà apparues dans les commentaires, mais qui après ce ReBoot ont commencé à me brûler la langue.
    Je tenais donc à te les poser et aussi te dire qu’à part certains choix de couleur que je peine à digérer chez Loomiz, j’ai beaucoup d’admiration pour ton boulot… et surtout ce fameux soucis du détail qui te caractérise!

  6. Vraiment très bien ce reboot, tu as gardé l’essentiel et amélioré les petits détails. il y a 2 choses pour moi :
    - le bouton “poster le commentaire” qui n’est pas customisé :$ (chez moi sous FF 2)
    - Je préférai le footer d’avant c’est à dire collé au reste de design. (un avis perso)

    Bonne continuation

  7. Hey !

    Beau ! Très beau ! Vraiment très beau ! J’adore ce blog. D’une rare finesse pour un blog ! Malgré le fait que je l’ai dans mon NetVibes, je l’ouvre pas sous forme de RSS, mais à l’aide du “navigateur” intégré dans NetVibes, juste pour me rincer l’oeil. :)
    Sinon, petit détail ergonomique, pourquoi avoir mis le nom des participants sous leur commentaire ? Et sinon, un autre, la case à cocher : “Me prévenir des commentaires suivants par e-mail” est cochée par défault, et je trouve ça assez lourd personnellement. Mais bon, les goûts et les couleurs… L’inverse se défend tout aussi bien :)
    J’aime en tout cas :) Et ce que j’aime encore plus, c’est le temps que tu prends à tout expliquer. Perfectionniste jusqu’au bout ! Un informaticien comme on en fait peu ;)

    J’aime ! :)

    Bonne continuation,

  8. Sympa le reboot, et toujours aussi qualitatif : j’aime beaucoup. Une idée de billet pour les prochains jours : lister les plugins wordpress que tu as utilisé, ça peut intéresser du monde (dont moi ;-)

  9. J’aime bien ce coup de jeune, plus particulièrement au niveau des commentaires. Le formulaire associé est superbe, ça donne envie de commenter rien que pour ça !
    :) bravo

  10. le formulaire de commentaire d’être revu mais dans l’ensemble c’est très bien

  11. J’attendais plutôt impatiemment cette nouvelle version (tout comme Loomiz), et je dois dire que je ne suis pas déçu !
    Tu as le sens du détail : (presque) tout ce qui manquait (à mon goût) a été rajouté…j’aurai rajouté en plus les avatars des personnes dans les commentaires (avec gravatar ou mybloglog).
    C’est toujours un ensemble de (touts) petits détails qui font un excellent thème !

    Je ne vois pas de “bug” sur FF2.
    Je pense également faire un blog reboot sur le mien, mais je ne sais pas si j’y arriverai avant la rentrée !

    Ah si, je vois un bug : quand je commence un commentaire, mais que je me ravise en rafraichissant la page, le “preview” du commentaire est coupé (voir le screenshot en lien).

    http://www.imagehosting.com/sh.....r.jpg.html

  12. Superbe ! Tout simplement magnifique ! Sans aucun doute le plus beau blog de Biotois ;) (j’espère ne pas être trop loin au classement lol).

  13. Je vais essayer de corriger ce problème de formulaire (et la bulle de prévisualisation du commentaire) qui est coupé ce week-end. Je me demande bien à quoi est dû ce comportement pour le moins étrange.

    Sinon c’est plus ou moins fait exprès Arkan.

    Une petite précision Pierre : si cette nouvelle version arrive maintenant, c’est aussi parce que j’ai commencé à travailler dessus il y a longtemps de cela (et de manière sporadique). Mais pour répondre à tes questions, je travaille 7 jours sur 7 pour essayer de monter Loomiz (et je ne suis pas parti en vacances, loin de là). Je suis d’ailleurs en train de configurer un serveur dédié (et tout ce qui va avec) pour l’accueillir.

    Concernant ce blog, je ne me fais pas trop d’illusions : si Loomiz marche, on dira que c’était une bonne idée de l’avoir créé. Dans le cas inverse, tout le monde s’accordera à dire que c’était une perte de temps. Il est difficile de chiffrer son retour sur investissement.

    Enfin, je n’ai pas peur qu’un site concurrent se lance sur le même concept. D’ailleurs, si tu commences à réfléchir de cette manière, tu ne fais plus rien. ;)

    Il faut bien comprendre que Loomiz, c’est un projet d’une personne. Je l’ai déjà dit avant - et je le redis - mes estimations en terme de temps de développement étaient largement sous-estimées. Ne faites pas les mêmes erreurs que moi. ;)

    Mac : il faudrait vraiment que je personnalise ce bouton de formulaire (tu n’es pas le premier à me faire la remarque).

    Et bien comme c’est une bulle de commentaire (comme dans les bandes dessinées), je me suis dit qu’il était plus logique de mettre le nom du commentateur en dessous Polo. Quant à la case de souscription par email… je crois que tu as répondu par toi-même à cette question. ;)

    Je vais essayer de faire ça prochainement Yoann, c’est noté.

    Merci pour la capture d’écran Romain, c’est très sympa. Comme je le disais un peu plus haut, j’ai encore un peu de travail sur ce point en particulier…

  14. Sous Firefox il y a un petit probleme d’affichage au niveau de la date des billets: elle est trounquee (ou plutot le fond bleu ne fait pas toute la longueur de la date). La mise en page quelle galere!

  15. Au passage il y a u site super pour tester la mise en page sous differents navgateurs/OS : http://browsershots.org

  16. Bravo Stéphane pour cette nouvelle version du blog, qui devient de plus en plus coquet ! Très agréable à lire en tout cas !

  17. Ah au fait, quid de la sortie de Loomiz ?

  18. Superbe. Pas de gros changements, mais un ensemble affiné. C’est une chose que beaucoup de designer devraient apprendre. Pourquoi tout modifier quand on peut améliorer l’existant.

    En tout cas, encore une fois : good job !

  19. Si tu as choisit Debian pour ton serveur dédié et que tu as besoin de conseils / d’aide tu peux m’envoyer un mail sans soucis

  20. Salut Stéphane,

    J’aime beaucoup. Comme d’hab’ :) Je dis bravo.

    Je suis confiant pour Loomiz ! Il n’y a pas de raison que ça ne marche pas. Bien pensé, bien codé, terriblement sexy… Bref, un mix détonnant. Peu importe le temps que ça prendra pour sa mise en ligne. Il vaut mieux prendre son temps et faire les choses dans les règles de l’art.

    Si jamais tu organises une Go Loomiz Party pas loin de chez toi (tiens, ça serait pas mal ça pour faire un peu de pub), je ne suis pas contre un petit carton d’invitation :p

    Bon courage pour la configuration du serveur dédié !

    Bonne journée.

  21. J’adore cette nouvelle version, le style plus affiné, les commentaires bulles. Le blog est plus fluide que dans sa version précédente et il a le mérite de fonctioner également dans IE6 ce qui devient rare. Je n’ai aucune déception.

  22. Super travail, j’ai pris un malin plaisir a regarder ton blog dans les moindres details et je le trouve particulierement harmonieux. Et bravo encore pour le contenu de ton blog dont j’attend toujours les articles avec impatience. Si ton service Loomiz reflete la qualite de ton travail alors je suis sur que ca va cartonner. Merci de nous faire profiter de cette aventure au jour le jour.

  23. Jimmy, tu utilises quel système d’exploitation ? As-tu pensé à vider le cache de ton navigateur (soit dit en passant, j’ai du me rater quelque part, car ce problème de cache ne devrait normalement pas apparaître) ?

    Merci Julich. Concernant Lomiz, je ne communique pas encore sur la date. Mais n’hésite pas à repasser de temps en temps ici pour être prévenu du début des hostilités.

    En effet, j’utilise Debian Etch sur mon serveur dédié. Merci pour ta proposition Antoine, je crois que je n’hésiterai pas à te contacter si je bloque.

    C’est une bonne idée ça Gilles. D’ailleurs, je crois que j’ai déjà trouvé le lieu idéal pour ce genre d’événement…

    Si seulement Firebug fonctionnait avec Internet Explorer Remian ! IE6 ne serait alors plus un problème.

    Merci pour les félicitations David !

  24. Superbe travail, il y a un vrai souci du détail ! Et vu la qualité du travail réalisé sur le blog, je dois avouer que je suis de plus en plus impatient de voir Loomiz en ligne !

  25. Salut Stephane,
    decidement je suis fan de ton travail :) et visiblement je ne suis pas le seul. Sobre, clair et de bon goût, c’est tout ce que j’aime.
    Comme d’haibitude quelques petites remarques :
    - les commentaires : j’aime beaucoup ton integration de CSS Comments mais tes propres commentaires ressortaient beaucoup mieux dans la version pecedente
    - les images de ton postHeader sont coupées (Firefox 2.0.0.3 / Mac)

  26. Félicitations. Ce blog est vraiment l’un, voire même LE blog ayant le design le plus abouti parmis ceux que je fréquente. Et son contenu est au même niveau. J’aimerai savoir en faire autant pour le mien :-)

  27. Merci à tous les trois pour les félicitations. Je suis content que cette nouvelle version vous plaise.

    Je trouve que mes commentaires sont bien mis en évidence Stéphane. Peut-être que c’est moins franc avec le bleu ? Sinon je ne savais pas pour le problème des images dans la partie haute des billets : tu veux parler des icônes n’est-ce pas ?

  28. le resultat est plutot pas mal. Le fonds et la forme… c’est important

  29. Je me permet de rajouter 2 cents à la conversation.

    Pourquoi ne pas utiliser du PNG (8 bits bien sûr) au lieu du GIF pour les images ? Le gain est généralement de 20 à 25% après un bon coup de PNG Optimizer. Au passage, ce dernier corrige pas mal de problèmes d’affichage des PNG sous IE6 et Safari qui doivent sans doute (ou pas, je n’ai pas exploré la question) prendre en compte un paramètre de gamma ou de profil de couleur sauvé par Photoshop (même en save for web), rendant les jonctions background-color / background-image hasardeuses (l’image est plus claire ou plus foncée), cette information étant supprimée lors de la recompression.

    Pour ce qui est d’un équivalent de firebug sous IE, effectivement il n’y en a pas, à part peut-être la developer toolbar qui permet de tester des propriétés CSS en temps réel depuis sa version finale 1.0, ce qui n’est déjà pas si mal.

  30. C’est vrai que j’hésite de plus en plus à utiliser massivement des PNG Thibaut. Il faudrait que je me documente un peu mieux sur ce format pour m’assurer que je n’aurais aucun problème de compatibilité avec les différents navigateurs Internet. Et si tu dis qu’il existe en plus un moyen d’alléger le poids des images…

  31. Très bon boulot Stéphane, tu as vraiment le sens du détail. Bravo !

    Je vois un petit bug sous FF, la bulle de pré-visualisation du commentaire passe sous le pied de page lorsqu’elle atteint une certaine taille.

    Bonne continuation et à bientôt,

    Pierre

  32. Un petit commentaire pour vous dire que le problème de prévisualisation en live du commentaire est maintenant résolu. Encore merci à tous ceux qui m’ont envoyé une capture d’écran par email.

  33. Très jolie refonte! Bravo

  34. L’affichage du nombre d’abonnés et du nombre de commentaires ne me parait pas très lisible : un gros chiffre suivi de 3 petits chiffres, ça n’a rien d’habituel. Ça demande un instant de réflexion pour déterminer si c’est 3,359, 3 à la puissance 359 ou 3359. Est-ce fait exprès pour surprendre ?

  35. Oui, tout à fait Moe. Je voulais faire quelque chose qui sorte un peu de l’ordinaire. C’est vrai que cet affichage est un peu moins lisible, mais au moins cela attire l’attention du visiteur (enfin j’aime à le penser).

Ajouter un commentaire

Les informations obligatoires sont indiquées par une étoile rouge *.



RT : Du changement : Auto-entrepreneur, pas de prorata temporis l'année de création -

Articles Récents

Les derniers articles publiés

A Propos

Je m’appelle Stéphane Thomas et je suis Ingénieur Senior expert dans le développement d'applications web complexes. Etant également un peu Entrepreneur, j'ai tenté l'aventure de la création d'un nouveau service Internet appelé Loomiz. Je suis maintenant le cofondateur d'Hitomi Studio, un studio de développement spécialisé dans la réalisation de sites ecommerce haut de gamme pour de jolies marques.

Lire la suite…