En plus d’une superbe identité spécialement réalisée pour nous par Monsieur Grégoire, ce fut également l’occasion de nous amuser un peu : HTML 5 bien sûr, une CSS universelle pour se débarrasser de pépé et utiliser l’ensemble des sélecteurs CSS 2 (enfin !), ou encore l’API Yahoo Weather pour tenter de détecter le temps qu’il fait chez vous. Nous avons également utilisé une grille horizontale comme il se doit, mais également une grille verticale. L’accessibilité n’est pas en reste : l’intégralité du site fonctionne au clavier, avec ou sans Javascript.

La publication a été réorganisée en deux thématiques : les articles, que vous connaissez déjà, et les notes. Plus courtes que les articles, sans titres, leur principal objectif est de nous permettre de publier de petites informations, en vous proposant de réagir dans les commentaires.

Voici le détail des nouveautés qui accompagnent cette nouvelle identité.

Apparition des « notes »

L’organisation du blog a été légèrement revue : nous proposons désormais une page de présentation, parce que c’est quand même plus poli.

La veille des intégristes est toujours présente, seule sa présentation a changé. Cette page regroupe les différents liens qui nous passent sous les yeux, provenant de différentes sources : Google Reader, Delicious, Diigo.

L’autre nouveauté est la partie « notes », qui nous permettra de publier de courtes informations, rapidement. Nous pourrons y publier des questions, dont chacune sera un nouveau défi pour l’humanité : Vaut-il mieux mettre un attribut title sur un lien plutôt que sur l’image qu’il contient ? Peut-on obtenir une place au paradis si l’on n’utilise pas Textmate ?

HTML 5

Pour le passage à HTML 5, deux ressources furent principalement utilisées : l’indispensable spécification HTML 5, et le blog HTML5 Doctor. L’utilisation de certains éléments d’HTML 5 a soulevé beaucoup de questions, aussi n’hésitez pas à nous indiquer vos remarques à propos de leur pertinence.

Une CSS Universelle pour Internet Explorer 6

Internet Explorer 6 a bien vécu, et nous pensons qu’il est temps de lui offrir un repos bien mérité. C’est pourquoi nous avons pris la décision de proposer à ses utilisateurs une feuille de style universelle, qui affiche un style minimaliste, presque par défaut, sur l’ensemble du blog. Ainsi débarrassés de ce vieux farceur, nous avons pu profiter de toute la richesse des sélecteurs CSS 2, plus de 10 ans après leur recommandation par le W3C. Pas mal non ?

La grille verticale

En plus de la grille horizontale, un grille verticale a été utilisée pour ce thème. Vous pouvez la voir en cliquant sur ce bouton (un clic sur la grille permet de la masquer) : Afficher la grille. Pour tester la grille sur d’autres pages du blog, faites simplement glisser le lien dans votre barre de favoris.
Ainsi, le texte de la colonne de gauche est toujours aligné sur celui de la colonne de droite. Le tout apporte un rythme vertical très intéressant, mais les différences d’interprétation entre les navigateurs nous ont posé de nombreuses difficultés pour y parvenir. Nous sommes très heureux du résultat final, un je-ne-sais-quoi qui rend l’ensemble plus agréable pour la lecture.

La météo : Yahoo Weather API

Quelle est la fonctionnalité numéro 1 que doit proposer tout thème de blog qui se respecte ? La météo bien sûr !
D’accord, ce n’est pas à ce point nécessaire, mais on s’est dit que ce serait rigolo, hahaha ! Le système fonctionne de la manière suivante : lors de votre première connexion sur le blog, votre heure locale sera détectée à l’aide de Yahoo GeoPlanet API. S’il est tard, le thème s’affichera simplement en mode nuit. S’il fait jour, une autre requête sera envoyée à Yahoo Weather API, pour tenter de détecter le temps qu’il fait chez vous.
Et parce qu’il faut laisser un peu de place à Météo France dans le domaine, nous avons simplifié les 48 types de conditions de Yahoo Weather pour obtenir 5 modes. Vous pouvez également régler le thème sur le mode que vous préférez, à l’aide du module « Météo » présent dans la colonne de droite.

Alors alors ?

Nous sommes impatients de découvrir votre avis dans les commentaires : que pensez-vous de l’esthétique et de la structure de ce nouveau thème ?

Les intégristes vous souhaitent de joyeuses fêtes, pouet !

Cette page nous permet d’échanger simplement les liens ayant récemment retenu notre attention.

Vous pouvez également consulter ces liens en utilisant le flux RSS dédié .

Les liens affichés ci-dessous proviennent d’un assemblage de flux RSS provenant de nos comptes del.icio.us, ainsi que celui d’articles partagés sur Google Reader.
Le service Yahoo Pipes a été utilisé pour réunir ces différentes sources.

Pour ne partager que ce qui est susceptible d’intéresser nos lecteurs, nous utilisons un tag spécifique sur nos comptes del.icio.us et sur Google Reader. Pour ce dernier, il s’agit d’un tag public, ce qui permet d’obtenir un flux RSS de suivi.

Une nouvelle liste appelée « Pages » apparaît dans la barre latérale pour y accéder, ainsi qu’une seconde, tout en bas : intitulée « Veille », elle affiche les derniers liens ajoutés.