Rendre une page présentant du code plus ergonomique avec Tampermonkey/Greasemonkey

Spécialité(s)


Résumé

Lire des articles contenant du code informatique sur le Web n’est pas nécessairement simple, ne serait-ce que de par la complexité inhérente au sujet traité. Pourquoi alors se compliquer la tâche avec une présentation des informations qui n’est pas nécessairement adaptée au contenu, alors qu’on peut l’améliorer ?


Les « ergonomes » des agences web se donnent souvent des titres pompeux, sans avoir suivi le moindre début de formation. N’ayant moi-même que quelques notions d’ergonomie, je n’ai pas la prétention d’affirmer que nous pouvons partir d’une page web mal conçue pour la rendre parfaite, mais nous allons tenter de pallier certains défauts de conception vendus par des « spécialistes » de l’ergonomie et du design web.

Pour cela, nous allons nous intéresser à des pages présentant du code en nous basant sur un modèle imaginaire (figure 1) regroupant des défauts présents sur de nombreux sites. Cet exemple aura l’avantage de nous permettre d’avoir un aperçu de nombreuses modifications qui seront transposables par la suite à toutes sortes de sites.

v-figure 01 7

Fig. 1 : Exemple imaginaire d’un site présentant des articles contenant du code informatique.

Nous allons utiliser Tampermonkey (ou Greasemonkey en fonction de votre navigateur) pour retraiter...

Cet article est réservé aux abonnés. Il vous reste 96% à découvrir.
S'abonner à Connect
  • Accédez à tous les contenus de Connect en illimité
  • Découvrez des listes de lecture et des contenus Premium
  • Consultez les nouveaux articles en avant-première
Je m'abonne


Article rédigé par

Abonnez-vous maintenant

et profitez de tous les contenus en illimité

Je découvre les offres

Déjà abonné ? Connectez-vous