veilletech.fr
24 août Feed du jour
#07 WEB Article

Reconnaître les gens sur un forum, avec du CSS

Le CSS suffit parfois à changer un site.

Reddit permet de marquer un compte pour le repérer partout. L'auteur a reproduit la fonction sur d'autres forums sans leur coopération : une extension de styles personnalisés et un outil qui génère le CSS depuis une liste de pseudonymes.

2 min de lecturevidéo 1:15
Partager
Sommaire4 sections
  1. La fonctionnalité en question
  2. La solution, et pourquoi elle est élégante
  3. Ce que ça implique
  4. À retenir

La fonctionnalité en question

Sur Reddit, on peut marquer un compte comme « ami ». Aucune validation, aucune notification à la personne concernée. Un bouton, et son pseudonyme s'illumine partout où vous croisez ses messages.

L'auteur explique pourquoi cela compte, et la formule est juste : reconnaître quelqu'un, c'est la différence entre arriver à une soirée où l'on ne connaît personne et croiser ses amis dans la foule. C'est ce qui transforme un site en communauté plutôt qu'en assemblée de gens qui se parlent sans se voir.

Il s'étonne que d'autres forums techniques — Lobsters, Tildes — n'aient jamais repris l'idée. Et l'un d'eux venant d'annoncer son passage en mode maintenance, autrement dit aucune évolution à attendre, il a décidé de l'implémenter lui-même.

La solution, et pourquoi elle est élégante

Elle ne demande rien au site.

Il existe une catégorie d'extensions de navigateur qui appliquent du CSS personnalisé à n'importe quelle page — Stylus, héritier de Stylish. Il suffit d'écrire des règles ciblant les liens vers les profils des personnes qu'on suit pour les mettre en valeur partout où elles apparaissent.

Son outil, rolodex, lit un simple fichier TOML listant des pseudonymes et génère l'ensemble des règles CSS nécessaires. Un fichier de configuration d'un côté, une feuille de style de l'autre.

Ce que ça implique

Aucune coopération de la plateforme. Aucun compte à créer. Aucune donnée transmise à qui que ce soit — la liste reste sur votre machine, et le navigateur se contente d'appliquer un style.

C'est aussi une réponse à un problème plus général : que faire quand un site qu'on utilise n'évolue plus ? La réponse habituelle est d'attendre ou de partir. Celle-ci consiste à ajouter la fonction par-dessus.

À retenir

Un détournement d'un mécanisme parfaitement standard — le CSS utilisateur — pour ajouter une fonctionnalité sociale qu'un site n'implémente pas. Peu de code, un fichier de configuration, et rien à demander à personne.

Source : xavd.id