Coloriage HTML

interface du site

La nuance colorée du site Ordigami varie avec le déplacement de la souris. Et la tonalité générale évolue en fonction du jour et de la nuit. Le fond reste dans une dominante claire avec un texte sombre dans la journée tandis qu'à la nuit tombée, le fond s'assombrit et le texte s'illumine. J'ai programmé un script 1 qui colorie en temps réel la structure HTML2 des pages du site selon l'éphéméride de Paris en 2050. Chaque fois que vous bougez, la couleur de toutes les balises3 dans l'arborescence de la page est recalculée avec un mélange original de rouge, vert et bleu. L'interface fonctionne comme du coloriage et fait apparaître la structure sémantique du Web.

La raison d'une telle interface est d'abord somatique. La sensation colorée nous rappelle à notre corps que nous oublions devant l'ordinateur parce qu'il appauvrit nos sensations.

Je préfère me rappeler que la nuit tombe lorsque je travaille devant l'écran et qu'il serait temps de me reposer. Les machines ne dorment pas mais les humains demeurent malgré tout régulés par le sommeil. A ce titre, cet algorithme est une manière de lutter contre le dérèglement biologique des microserfs4 et autres cyber-prolétaires. Les écrans de veille existent bien pour prévenir la fatigue des écrans. Pourquoi ne pas prévenir la fatigue des humains ?

Une pratique intensive de l'informatique durant quelques années a suffit a provoquer chez moi des TMS au poignet5. Ma pratique de l'origami découle en partie d'une distance nécessaire avec la machine qui vise entre autre à prendre la technologie comme sujet ou référent de représentation plutôt qu'objet. Ce choix recoupe également un point de vue esthétique comme la soma-esthétique développée par Richard Shusterman.

Enfin, ce script est une manière discrète de projeter mon travail dans l'avenir en suivant l'éphéméride de Paris en 2050.


Etienne Cliquet, septembre 2008


1 Un script est un boût de code qui sert à effectuer des opérations sur un système informatique ou sur un logiciel. Le script que j'ai écrit est en langage javascript et respecte la norme DOM (Document Object Model) recommandé par le W3C. Le principe consiste à détecter toutes les balises HTML et les colorer grâce notamment aux propriétés et méthodes style du DOM.

2 HTML est l'acronyme d'HyperText Markup Language et désigne le format de données conçu pour représenter les pages sur le Web. Les éditeurs de pages sur le Web s'en servent pour mettre en page le texte, les images, la vidéo et tout contenu multimédia.

3 Le HTML repose sur un principe de balises. Dans mon programme, à chaque balise est attribuée une couleur dominante. Un léger dégradé permet de différencier les différentes occurences d'une même balise dans la page (sa profondeur dans l'arbre DOM du HTML).

4 Microserfs est un roman de Douglas Coupland paru aux états-unis en 1995. Le titre est un jeu de mot entre Microsoft au sein de laquelle l'auteur s'est fait embauché deux mois pour écrire le livre et le terme serf (personne attaché à une terre et dépendant d'un seigneur dans la société féodale).

5 TMS pour Troubles Musculo-squelettique est une maladie qui affecte le poignet, le coude et l'épaule chez des sujets qui effectuent des mouvements fins et répétitifs. Cette maladie répandue chez celles et ceux qui travaillent sur ordinateur constitue 67% des maladie professionnelles.