Relooking II

La présentation visuelle du présent site est stable, à tendance préhistorique, à l'instar de ma relation avec le web en général.

Pour situer concrètement, j'ai lancé le présent site au tout début de l'année 2009, après une lamentable mort de mon précédent site suite à une panne d'alimentation du serveur et de la combinaison de l'hébergeur qui ne touche pas aux vieilles machines et de ma propre négligence envers les backups.

Depuis ce lancement, la présentation n'a changé qu'une seule fois, lors d'un relooking en 2016 pour rendre la lecture plus confortable sur une variété d'écrans, en imposant une largeur maximale en rem à la zone centrale pour aider à la lisibilité dans les fenêtres plus larges, et avec un réagencement « liquide » des informations auxiliaires pour les écrans plus petits.

J'ai depuis quelque temps une toute petite envie d'ajouter une toute petite touche de modernité, en proposant un « mode sombre » où le texte est en clair sur fond sombre.

Ça fait depuis juillet 2022 que je sais que c'est facile à faire (merci au passage à gab de #gcu), il ne restait plus qu'à se sortir les doigts des fesses et le faire.

Enfin la plus grosse difficulté n'est pas sortir les doigts, mais le fait qu'on ne pas juste faire « un mode sombre », il faut en réalité faire toute une palette de couleurs qui essaye d'approximer l'Idée de mode sombre.

Or les couleurs, et l'esthétique en général, ce n'est pas trop mon truc. J'imagine que c'est déjà terriblement flagrant dans le thème actuel, et ceux qui m'ont rencontrée savent à quel point je suis une faute de goût ambulante. D'ailleurs le CSS lui-même n'est pas trop mon truc non plus, et le fait que je consulte mon site généralement dans w3m, qui ne lit pas le CSS, n'aide pas vraiment.

C'est pourquoi je fais faire appel à vous, chers lecteurs, puisque vous êtes plus touchés que moi par ce changement. Quelle palette de couleurs vous plait le plus ?

Ma première idée s'est portée sur Solarized, que j'utilise depuis très longtemps dans tous mes terminaux, et qui est donc la palette que j'ai sous les yeux pendant la majeure partie de mon temps éveillé.

Une critique récurrence de Solarized est le manque de contraste, et même si ça ne me dérange pas dans mes terminaux, je reconnais la baisse de contraste par rapport à mon thème actuel.

D'un autre côté, je me souviens que dès mes premiers pas en CSS, il était fortement déconseillé de faire du noir sur blanc, parce que c'est trop de contraste ; c'est d'ailleurs l'unique raison pour laquelle le thème actuel est en noir sur albâtre. Même si j'ai du mal à imaginer un ressenti correspondant aux mots « trop de contraste », je fais confiance dans les gens plus compétents que moi en matière d'expérience visuelle. Bref, tout ça pour dire que moins de contraste, c'est peut-être mieux.

En suivant les critiques, je suis tombée sur Selenized, qui me chagrine un peu parce qu'il n'utilise pas la même palette pour le mode clair et le mode sombre, mais pour un site web ce n'est pas vraiment un critère. Il est effectivement clairement plus contrasté.

J'ai aussi vu passer OKSolar, dont je ne vois pas du tout l'intérêt, mais que je mets avec parce que ça ne me coûte pas cher.

Je vous ai donc préparé six feuilles de style alternatives, dans l'espoir que vous puissiez tester et me dire ce que vous en pensez.

Pour rappel, je vous remets la capture d'écran que j'avais faite en 2016 sur le menu dans lequel faire ce basculement dans firefox.

Une autre question ouverte est l'utilisation de ladite palette. Le style actuel est assez bordélique, j'ai fait de mon mieux pour rationaliser les couleurs, en choisissant :

• le bleu pour les liens, comme c'est la tradition ;
• le violet pour les liens déjà visités, toujours pour la tradition ;
• le cyan à la place des accents jungle green du site actuel ;
• l'orange pour faire l'accent par rapport aux trois autres qui sont analogues, utilisé pour l'entrée affichée des listes à droite et pour mes commentaires.

Je suis ouverte à toutes les suggestions pour améliorer l'utilisation de la palette dans le design actuel du site.

Je vous remercie donc par avance de prendre le temps de me faire part de vos préférences en matière de palette, que ce soit en commentaire ci-dessous, par message personnel, par e-mail ou IRC, par twitter, ou tout autre moyen qui vous plaira.

Il va de soi que je ne tiendrai rigueur à personne de ne pas avoir de préférence sur la question, que ce soit par incompétence esthétique, par consultation sans CSS (w3m, tts, lecteur RSS, etc), ou toute autre raison. C'est juste que les révisions de mon CSS sont tellement peu fréquentes que si vous ne vous manifestez pas prochainement vous risquez de saigner des yeux pendant des années…

Commentaires

1. Le mardi 21 février 2023 à 7:19, par joanna :

d'accord

Poster un commentaire

Nom ou pseudonyme :

Adresse e-mail (facultatif, ne sera pas publié) :

Site web (facultatif) :

Format de mise en forme : format historique Markdown restreint

Enregistrer ces informations dans un cookie

Commentaire (sera publié dans cette page, voir les conseils de mise en forme ci-dessous) :

Message personnel (ne sera pas publié) :

Mise en forme historique : pour mettre en valeur un mot ou un groupe de mot, tapez une étoile de part et d'autre, sans mettre d'espace entre l'étoile et le mot, comme ceci : *mise en valeur*. Pour insérer un lien, mettez le entre crochets, comme ceci : [http://instinctive.eu/].

Mise en forme markdown : voir le guide détaillé, en résumé c'est le Markdown traditionnel, sans HTML ni titres, mais avec les tables PHP-Markdown-Extra.

Attention : les balises HTML entrées dans les commentaires seront affichées telles quelles, et non pas interprétées.