Tag

skyminds

Browsing

Ce week-end, pour fêter la nouvelle année et les 17 ans du site (et oui, déjà !), je me suis amusé à changer radicalement le thème graphique du site.

Nouvelle année, nouveau thème

Cela fait des années que je n’ai pas changé de thème : apparemment, mon thème précédent remonte à 2010, soit 6 ans. A l’échelle d’Internet, cela remonte quasiment à la préhistoire !

Il aura bien évolué : de XHTML transitional à strict, puis HTML5. D’abord basique puis responsive, avec microdata… on peut dire que je l’ai bien usé, sous toutes les coutures mais que j’ai envie maintenant de quelque chose d’autre.

La charte graphique convenait à une certaine époque mais il faut savoir faire table rase et se remettre en question pour essayer des choses différentes.

A titre de comparaison, voici à quoi ressemblait le site le 1er janvier au petit matin:

Changement de design : SkyMinds 2016 photo

et voici maintenant le nouveau thème, sobrement intitulé « SkyMinds 2016 » :

Changement de design : SkyMinds 2016 photo 1

Les nouveautés

Pas mal de nouveautés sont apparues. Tout d’abord, le site est désormais entièrement responsive, ce qui n’était pas tout à fait le cas avant. J’avais – bonant malant – utilisé des responsive queries mais on ne peut pas dire que l’affichage était optimal sur toutes les tailles d’écran. Là, c’est bien mieux géré.

Ensuite, le thème utilise beaucoup moins d’images que le précédent : adieu l’image de fond pour le header, le dégradé en PNG de 1600 pixels de hauteur et les dégradés CSS pour les colonnes de contenus et le footer. Je n’ai gardé que le logo, le reste n’est composé que de couleurs unies. Mine de rien, cela influe énormément sur le rendu des pages.

En ce qui concerne la CSS, je n’ai gardé que quelques styles que j’affectionne mais le principal a changé. Ce changement graphique est pour moi l’occasion de donner un petit coup de peinture et surtout de faire le ménage dans ma feuille de style et les fichiers du thème de WordPress.

J’ai également désactivé certains plugins comme le plugin qui créait un menu responsive – maintenant géré nativement par le thème, ainsi que d’autres qui s’ajoutaient à la feuille de style principale.

Le rendu est donc plus moderne et devrait se charger plus rapidement, faisant appel à moins de ressources.

What’s next?

Pour l’instant, ce nouveau thème est clair et me convient plutôt bien. J’y apporte quelques petites touches çà et là afin d’harmoniser le tout mais je trouve que le résultat n’est pas trop mal.

Et vous, vos impressions?

Ces derniers mois, j’ai passé un peu de temps à valider mes pages (HTML5) et à corriger quelques petits détails comme le chargement des javascripts en fin de page, l’optimisation de ma feuille CSS pour éviter les reflows… bref, j’ai optimisé le site.

Et bien voilà ce que cela nous donne chez GTmetrix :

et chez Pingdom :

La plupart des erreurs restantes sont dues à l’admin bar WordPress (surtout au niveau des CSS) et à la publicité, que je ne peux pas contrôler.

C’est l’été ! Bon, d’accord, cette année la saison n’a pas démarré en fanfare mais on espère tous que cela va rapidement changer. Et puis l’été, c’est aussi la période de notre quartier libre sur le site, l’occasion de lire des articles différents de ce que je peux écrire dans ces colonnes.

Vous avez donc l’occasion d’écrire vos propres articles via l’interface d’administration que j’utilise quotidiennement et ils seront publiés sur le site, après relecture et approbation.

Pour participer, il suffit d’être enregistré sur le site et de cliquer sur le lien Écrire qui se trouve dans le bandeau tout en haut de la page.

Voici les nouveautés et corrections ajoutées au site ces deux derniers mois :

  • [+] CSS : augmentation notable de la taille de la police du site pour faciliter la lecture.
  • [+] CSS : ajout d’une petite flèche bleue pour les listes de la sidebar (commentaires et mises à jour des articles).
  • [+] PHP : ajout des informations de profil de chaque auteur au bas des articles. Pensez à mettre votre biographie à jour dans votre profil.
  • [+] PHP : création du plugin WordPress Sky Login Redirect pour rediriger les utilisateurs vers la page qu’ils étaient en train de consulter avant de s’identifier sur le site.
  • [+] jQuery : lors de la rédaction d’un commentaire, l’aperçu se fait désormais directement via jQuery.
  • [+] automatisation du paiement pour Mail-it Now! Professional Edition.
  • [*] CSS : correction de la taille des listes dans les articles.
  • [*] PHP : correction de la page d’erreur de connexion à la base de données (db-error) qui n’envoyait plus le mail d’alerte.
  • Le pack de correctifs Windows XP post-SP3 a également été mis à jour.

Voilà, c’est toujours du work in progress mais on corrige, ajoute et bidouille des petits trucs en permanence.

Voici le changelog du site pour ce début d’année 2012 :

  • Les commentaires ne sont plus paginés, ils apparaissent tous sur la page de l’article.
  • Feuille CSS : ajout des unités lorsque les valeurs sont différentes de 0.
  • Ajout de données metadata : Dublin Core et OpenGraph notamment.
  • Redesign de la page de connexion : au lieu de tout chambouler comme j’en avais l’habitude avec Pimp My Login, j’utilise maintenant le look de WordPress et j’y ajoute juste le logo. C’est beaucoup plus simple à maintenir.
  • Ajout de Better WordPress Minify. J’en suis assez satisfait. Du coup, la feuille de style est maintenant appelée proprement via wp_enqueue_style().
  • Bugfix : j’ai ajouté pendant 3 semaines WP-Super Cache mais il est apparemment responsable de collisions de cache et certains articles étaient redirigés vers des pages XML d’autres articles. Désactivé! J’utilise Comet Cache maintenant. Hat tip: Claude et Alen.
  • Bugfix : certains liens étaient visibles dans le flux RSS alors qu’ils sont censés être cachés. WordPress semble parser les liens crocko.com et les ajouter dans des champs personnalisés (« enclosure ») alors qu’on ne lui demande rien. Hat tip : Guillaume.
  • La date a été retirée des permaliens du site. Tout est redirigé proprement vers le nom de l’article.
  • Ajout des tags sur les pages. Auparavant, seuls les articles étaient « taggués ».
  • Réarrangement de certaines publicités.
  • Mise à jour de la page Webdesign.
  • Migration du serveur en quelques heures.
  • Fin de l’essai de Google Analytics. J’ai mis cela en place pendant à peu près 3 mois mais honnêtement, cela ne me sert à rien.

Voilà. J’ai été obligé de rebooter le serveur après 201 jours de service ininterrompu (manque de mémoire à certaines périodes de la journée) avant de migrer vers le nouveau.

C’était quand même un bel uptime – record à battre !

J’ai peu posté ces derniers jours et ce pour plusieurs raisons. Premièrement, il fait beau. Donc j’en profite, surtout qu’il fait aussi chaud qu’en mai-juin. Et deuxièmement, je viens de migrer le site sur un serveur plus puissant.

Migration entre deux serveurs

Il y a une grosse différence entre monter un serveur de A à Z, comme j’avais fait précédemment, et migrer données et programmes d’un serveur A à un serveur B. L’important pour moi était de réutiliser au maximum mes configurations donc j’ai repris mes tutos un à un, tout en copiant les fichiers que j’avais précédemment créés ou édités sur le nouveau serveur.

Résultats ?

Et bien cela fonctionne très bien ! J’ai connu quelques mésaventures mais j’ai pris plein de notes donc il y a là de la matière pour quelques futurs articles. En gros le site a été indisponible pendant 1h samedi mais je pense que cela ne s’est pas trop vu.

Au niveau technique, on peut apprendre pas mal d’informations sur le processeur du serveur en lançant la commande :

less /proc/cpuinfo

L’ancien serveur était un Intel(R) Celeron(R) CPU 220 @ 1.20GHz et 2 Go de RAM.
Le nouveau serveur est un Intel(R) Core(TM)2 Quad CPU Q8300 @ 2.50GHz et 4 Go de RAM.

quartier libreLe quartier libre d’hiver est officiellement ouvert !

Je rappelle le principe aux petits nouveaux (vous êtes chaque jour plus nombreux!) : vous êtes libres d’écrire vos propres articles, sur les sujets qui vous tiennent à cœur et ils seront publiés ici, dans ces colonnes.

Pour participer, c’est extrêmement simple : il suffit de posséder un compte sur le site, de s’identifier et de cliquer sur le lien Écrire qui se trouve dans le bandeau tout là-haut.

Les articles soumis seront relus puis postés dès que possible, selon le rythme de publication habituel.

A vos claviers :)

Les quelques nouveautés notables du site en cette fin 2011 :

  • HTML5 baby ! Le site passe de l’XHTML 1.1 Strict à HTML5. Il subsiste quelques erreurs de validation mais c’est parce qu’HTML5 n’est pas encore tout à fait finalisé.
  • CSS : suppression du code obsolète, correction de la page d’index du site qui s’aligne maintenant comme les articles individuels.
  • Alignement du texte « Me tenir informé(e) des futurs commentaires » avec la checkbox au niveau des commentaires.
  • Snowy – mon plugin qui fait de la neige – a été transformé pour utiliser jQuery.

Le quartier libre d’été vient de prendre fin aujourd’hui. Voici les articles que vous avez publiés :

Merci pour vos contributions, c’est toujours un plaisir de lire des articles sur des sujets différents sur le site !

Tous ceux qui ont participé aux différents quartiers libres ont changé de statut : vous avez désormais accès au back-office et pouvez rédiger un article quand vous le voulez.

J’en profite pour signaler que quelques habitués ont commencé des brouillons mais ne les ont pas terminé… :p

Prochain rendez-vous écriture aux vacances de Noël !

Voici les quelques nouveautés du site des trois derniers mois :

  1. ajout de plusieurs fonctions maison pour limiter les pages inexistantes dans Google Webmaster Tools. Je ne sais pas d’où viennent ces requêtes mais je me demande bien pourquoi Google indexe des pages à la pagination farfelue puis me dit qu’il ne trouve pas ces dernières. Elles n’ont jamais existé, ça j’en suis certain donc j’ai écrit un bout de code qui redirige ces requête vers les pages plus appropriées. Cela m’aura pris pas mal de temps à écrire convenablement mais je suis assez content du résultat.
  2. quelques compressions dans la feuille de style.
  3. suppression du script TimThumb qui était appelé sur certaines pages du site. J’utilise les fonctions natives de WordPress en ce qui concerne les miniatures d’images, c’est plus simple à maintenir.
  4. depuis WP 3.2(.1)?, les tags de mes pages donnaient une erreur 404! Problème résolu facilement avec le plugin TagPages.
  5. mise à jour de Varnish vers la version 3.0 : quelques changements au fichier VCL sont indispensables. J’en ai revu la logique au passage, plus de fichiers sont maintenant mis en cache.
  6. Suite à la mise à jour de Varnish, le flux RSS a été indisponible pendant plusieurs semaines (quasiment un mois si je ne m’abuse). Il s’agissait d’un problème d’encodage avec Gzip : j’ai supprimé la ligne dans varnish.vcl et tout est revenu dans l’ordre. Je ne comprends pas bien pourquoi cela ne fonctionne plus (alors que cela fonctionnait avant) mais j’ai passé tellement de temps à trouver la cause du problème que je garde cela pour un weekend pluvieux et hivernal.

quartier libreC’est un peu devenu une institution au fil du temps mais je dois vous avouer que j’aime bien vous annoncer l’ouverture du quartier libre d’été 2011 !

Je rappelle le principe : vous êtes libres d’écrire vos propres articles, sur les sujets qui vous tiennent à cœur et ils seront publiés ici, sur le site.

Pour participer, c’est très simple ! Il suffit d’être enregistré sur le site et de cliquer sur le lien Écrire qui se trouve dans le bandeau tout en haut de la page.

Les articles soumis seront relus puis postés dès que possible, c’est à dire très probablement à mon retour de la plage…

A vous de jouer :)

Oulala… je me rends compte que mes articles concernant les nouveautés du site commencent à prendre le format d’un catalogue des 3 Suisses : printemps/été et automne/hiver !

Voici donc les quelques améliorations et modifications de ces 6 derniers mois :

  1. Mise à jour de WordPress 3.1.x : j’ai délaissé mon plugin maison qui permettait de s’identifier directement sur chaque page. WordPress dispose d’une barre similaire native maintenant donc cela fait un plugin de moins, pour les mêmes fonctionnalités.
  2. Je me suis écrit un petit plugin qui me permet de rajouter ce que je veux comme liens dans cette barre, pratique.
  3. W3Total Cache m’a planté lors d’une mise à jour donc il est désactivé pour le moment. Cela veut dire que le contenu n’est plus minifié mais curieusement, les pages s’affichent rapidement. Ce plugin a l’air de bien faire travailler le CPU lors de la compression etc. Du coup, je me demande vraiment s’il est bien utile.
  4. Quelques modifications CSS diverses, comme d’habitude.
  5. Ajout de File Gallery, un très bon plugin pour ajouter des images aux articles, puissant.
  6. Le script AJAX de Thunderstruck Radio est de nouveau opérationnel après avoir été down pendant des mois ! Je me demandais bien pourquoi mon code ne fonctionnait plus alors que je n’y avais pas touché… Il se trouve que ma redirection DynDNS avait expiré et que du coup, le script ne pouvait pas vraiment atteindre le serveur. J’ai perdu ma redirection dans cette histoire. Pas vraiment grave.
  7. J’ai utilisé le plugin In-Series pour créer ma série Comment monter un serveur dédié de A à Z.
  8. Mise à jour vers JQuery 1.6.1, bonne version stable.

Rapport de faute d’orthographe

Le texte suivant sera envoyé à nos rédacteurs :