J'ai mis à jour le design du blog

J'ai mis à jour mon blog. Avant, j'utilisais DaisyUI, je l'avais choisi parce que c'était ce que j'avais utilisé dans un projet de mon ancienne entreprise, et c'est bien, c'est bon.

J'ai choisi ces bleus ternes en pensant à l'accessibilité : je voulais que ce soit agréable pour les personnes qui ne perçoivent pas les couleurs comme la majorité. J'ai cherché des informations sur le daltonisme, c'est pourquoi j'ai opté pour des tons doux, en veillant aux contrastes et aux formes. Au final, le design ne me convenait pas tout à fait et j'ai voulu essayer autre chose, mais j'ai arrêté d'y iterer à l'époque.

Pour refaire le design, j'ai essayé des outils IA. D'abord Stitch, mais quand j'ai cliqué sur un projet sur lequel je travaillais, il se gelait (sep 2026) puis affichait une erreur avec un visage comme celui quand YouTube meurt, ça ne ressemblait pas à une erreur de surcharge du navigateur. Ça semblait cassé de l'intérieur. Je l'ai pris comme un signe que Google finirait peut-être par tuer Stitch.

J'ai cherché des alternatives et j'ai fini sur Open Design, et honnêtement je suis très enthousiaste : contrairement à Stitch, je peux toucher le code directement, que ce soit dans VS Code ou dans son éditeur intégré. Ça ne sert pas seulement pour les sites web ou les apps mobiles, ça génère aussi des design systems, des slides et plusieurs autres choses. J'ai l'impression que ça me permet de sortir du cadre des standards sans m'y enfermer, et pour l'instant je vais rester avec.

J'en ai profité pour changer plusieurs choses. Le vert est l'une de mes couleurs préférées, un vert Rolex, donc les accents sont maintenant verts et le blog a déjà plus de mon essence. Je n'ai pas encore vérifié si ça passe le contraste AA, j'ajusterai plus tard.

Les tags sont plus colorés et la seule nouveauté dans la navigation, c'est que maintenant on peut naviguer vers /tags après avoir cliqué sur un tag. Le chat off-topic reste identique, avec un nom libre. J'ai aussi ajusté la mise en page : la largeur du contenu et du chat essaie de respecter le nombre d'or (~1.618) pour que la lecture soit plus agréable à l'œil et oui, c'est beaucoup mieux.

Un autre détail, c'est le sélecteur de langue. Avant, il n'affichait pas le bouton de la langue active ; maintenant il montre les trois drapeaux et indique clairement lequel est sélectionné. C'est plus propre de pouvoir choisir entre Espagnol 🇲🇽, Anglais 🇬🇧 et Français 🇫🇷.

Les versions claire et sombre sont toujours là, si on veut allumer ou éteindre les lumières. En français, seuls les posts déjà traduits apparaissent ; les en cours ne sont pas encore affichés. Maintenant j'utilise des traducteurs classiques et de l'IA, mais je veux apprendre le français.

Dans l'ensemble, c'est beaucoup mieux à l'œil. Ça me rappelle un « default », je suppose que l'IA fait la moyenne de ce qui se discute le plus sur internet pour faire ce type de blog, et voilà mon autocritique : c'est un peu collé au style corporatif, il manque une touche plus geek, un sticker par ici ou par là. Malgré tout, ça me plaît, je suis content du résultat.

Au final, ce blog sera la vitrine de mes mantras et de mes façons de penser ; même si ce n'est pas toujours aussi ordonné, ce design est l'idéal auquel j'aimerais aspirer.

Avant et après

Au lieu d'héberger les images moi-même, je les laisse sur Internet Archive pour que ça reste un témoignage même avec le temps, que ça se sente vivant ou mort selon ce qui reste. Voici l'avant et l'après :