Le blog change de nom et de charte graphique

Je profite de l’été pour re-travailler pas mal sur ce blog qui approche bientôt des 4 ans d’existence. Vous êtes plus de 13 000 abonnés au flux RSS et pas loin de 4500 followers à me suivre sur Twitter. J’avais donc envie de changer plusieurs choses sur ce blog et de me remettre à bloguer plus régulièrement.

Un nouveau nom

Premier changement : le nom ! Exit le long et difficilement prononçable « blog.aysoon.com », place au court et simple « aysoon.fr ». Plus simple à retenir, plus court, « aysoon.fr » sera aussi l’occasion de se positionner de manière plus explicite sur une audience française et donc un référencement privilégié sur Google France.

La redirection a été faite normalement sans rien oublié : 301 sur toutes URLs, changement de Sitemap, de flux RSS (désolé pour la republication complète d’hier soir), déclaration au niveau de Google, changement des scripts de stats, etc.

Certains d’entre vous qui suivent également un de mes autres blogs, Webilus, ont pu constater que j’ai également changer de nom il y a quelques jours en pensant de Webilus.com à Webilus.fr, là encore pour les mêmes raisons. Il reste Monetiweb :)

Une nouvelle charte graphique

Second changement mis en ligne hier matin : la nouvelle charte graphique du blog, la cinquième en 4 ans. Résolument plus moderne que l’ancien design, ce thème WordPress a pour but de mettre plus en avant les contenus, rendre leur lecture plus agréable et faciliter la navigation dans le site.

Un thème complètement customisé

Partant d’un thème existant, j’ai quasiment réécrit tout le thème WordPress pour y inclure les spécificités de mon blog mais également pour en alléger le poids global. J’ai mis en oeuvre un ensemble d’optimisations sur le temp de chargement des pages que j’ai pu apprendre et découvrir en développant Icones.pro il y a quelques mois. Parmi les plus marquantes :

  • Utilisation au maximum des fonctionnalités proposées par CSS3 : tous les dégradés que vous pouvez voir, les ombres, les bordures, etc sont réalisés en CSS3 et donc traité par le navigateur sans chargement d’images supplémentaires. Si vous êtes sur IE, vous aurez accès à une version plus light, mais bon… demandez-vous plutôt pourquoi vous êtes encore sous IE !
  • Sprite CSS : si vous êtes curieux et que vous regardez un peu les éléments chargés sur la page, vous vous apercevrez sans doute que le thème ne charge qu’une seule et unique image pour ce qui est de la décoration du blog (et donc hors images d’articles). C’est un Sprite CSS que vous pourrez voir là.
  • Utilisation intelligente de jQuery sans retard sur le chargement des pages
  • Paramétrage fin des conditions de cache sur les fichiers statiques : Expires, Cache-Control, ETags
  • Minification des JS et CSS en production
  • Compression gzip des ressources statiques
  • Cache WordPress via Super Cache
  • Utilisation de X-Cache sur le serveur dédié hébergeant le blog

Des inspirations diverses

J’ai ajouté plusieurs éléments ou fonctionnalités que je n’avais pas sur l’ancien thème. La plupart ont été reproduites sur des modèles bien connus :

  • Articles mis en avant dans le Header : petit module listant 5 articles de mon choix dans le header de toutes les pages. Gizmodo a mis en place ce module depuis longtemps.
  • Barre de partage vers les réseaux sociaux dans la colonne de gauche : en un clic, partagez vers Twitter ou Facebook. Mashable a été le premier à proposer ce petit module.
  • Articles relatifs sous la forme d’image : en bas de chaque article, je propose 3 articles relatifs sous forme d’une image avec, au rollover, le titre de l’article qui apparaît. De nombreux blogs mettent en avant leurs articles avec des images plutôt que des simples liens. Fubiz l’a mis en place avec brio.

Un Flux RSS complet

Je reviens en arrière sur un choix que j’avais fait il y plus d’un an : le flux RSS de ce blog (et des autres blogs bientôt) est de nouveau complet et plus tronqué ! Je ne relance pas ici le débat, j’ai juste envie là encore de faciliter la lecture des internautes.

Les autres blogs suivront

Comme pour le changement de nom, je vais très rapidement décliner ce nouveau thème sur Webilus et Monetiweb. J’en reparle donc très bientôt.

Un nouvel esprit

Je ne sais pas si on peut appeler ça un troisième changement ou qu’une évolution mais je vais diversifier les sujets de mes articles. Un blog est un reflet de ce qu’on est et de ce que l’on a envie de partager. En 4ans, j’ai personnellement et professionnellement pas mal évolué, mes articles évoluent donc en conséquence. Toujours du web, beaucoup de web mais aussi des articles touchant au monde d’Apple qui me passionne de plus en plus, des articles plus personnels (à venir) ou encore ce que je range dans la catégorie 2 min 42′ (qui remplace le micro-blog que j’avais mis en place il y a quelques semaines sur cette même adresse et où je publie de très courtes nouvelles.

Bloguer me manque : partager, faire découvrir, répondre et discuter aux réactions des lecteurs. Cela fait plusieurs mois que j’ai mis cette partie de mon monde un peu de côté et j’ai envie d’y revenir. J’espère arriver à y consacrer le temps nécessaire. J’espère que vous serez au rendez-vous comme à chaque fois !

Découvrez aussi les sous-titres à télécharger

Télécharger le sous-titre français pour The 100. La meilleur solution pour découvrir de nouveaux épisodes d'une série TV et les sous-titres associés.
12 Commentaires (ajouter le vôtre)
  1. Une belle réussite en tous les cas ! Sobre et efficace.
    Comptes-tu affuter un peu la police du logo, bizarre je trouve.

    • Frédéric Cozic, auteur de cet article

      Merci ^_^. Je vais encore travailler sur le logo dans les prochaines semaines. Ce n’est effectivement pas une version définitive

  2. En tout cas le cache marche très bien puisqu’ici il y a déjà 1 commentaire mais sur la page d’accueil ça m’en affiche zéro. :D

    • Frédéric Cozic, auteur de cet article

      Petit pinailleur !
      PS : j’ai oublié de citer l’excellent GeekAndHype.com qui m’a aussi pas mal inspiré pour ce nouveau design !!

  3. J’aime beaucoup, beaucoup plus simple et clean, J’aime.

  4. Simple, clair. C’est vraiment agréable :)

  5. Je trouve ce design bien plus sympa ! Simple et clair ! Bravo et en attente de lire la suite :)

  6. Belle utilisation du thème Bigfoot http://www.theme-junkie.com/themes/bigfoot/ et sympa la box de partage comme sur Mashable

  7. Frédéric Cozic, auteur de cet article

    Merci à tous ! ravi que le nouveau design vous plaise ;)

    @Romain : exact je suis parti de Bigfoot et je l’ai quasiment réécrit pour l’alléger, le spriter et l’adapter à mon besoin

  8. Très intéressante cette refonte, merci de nous faire partager l’envers du décors. :)

    J’aime beaucoup cette nouvelle interface très sobre et très pro en même temps.
    En un mot : bravo !

    Bonne continuation,
    Pierre

  9. Alex

    Merci beaucoup pour votre site, super clair, et très intéressant.
    Bonne continuation,

    Alex

  10. Merci pour ce site très clair et intéressant
    J’aime bien l’interface simple et professionnelle, bravo.

© 2006-2017 Frédéric Cozic  
Propulsé par Wordpress sous licence Creative Commons