Hier matin, je constate avec stupeur (qui était de passage par chez moi à ce moment précis) que j'ai enfin la nouvelle interface web de Twitter.

Surprise : si certaines fonctionnalités sont plutôt agréables, je suis un peu perdu, les tweets qui étaient à gauche sont désormais à droite, et les infos du profil sont désormais à gauche alors qu'elles étaient à droite.

Seul souci, les modifications que j'ai faites sous Firebug ne survivent pas à un rafraichissement de la page.

Et c'est là que le monstre qui sommeille en chaque intégrateur va sortir… finalement, je m'installe l'extension Stylish qui permet de gérer simplement des styles CSS utilisateurs pour chaque site ou domaine. Rappelons que les styles utilisateur sont, comme leur nom l'indique, les styles définis par l'utilisateur, en l’occurrence la personne qui navigue sur le site, en l'occurrence moi.

Et me voila parti à faire quelques essais :

• la zone principale n'est pas assez large sur mon portable,
• les tweets sont trop entassés,
• le panneau désormais à droite serait bien en position fixe,
• la fenêtre qui contient les liens concernant Twitter ne me sert à rien maintenant que le bloc de droite est fixe,
• le texte qui affiche le texte du tweet est trop serré à droite,
• etc.

En dix minutes, j'arrive à ce style :

@-moz-document domain("twitter.com") {
  .dashboard{
    position:fixed !important;
    left:1020px !important;
  }

  .content-main{
    float:left !important;
    width:900px !important;
  }
  .wrapper, 
  .wrapper-narrow, 
  .wrapper-permalink, 
  .global-nav .container{
    width:1220px !important; 
  }
  .component[data-component-term~=footer]{
   display:none !important;
  }
  .js-tweet-text{
   margin-right:2em !important;
  }
}

Qui me donne ceci sur mon portable :

• J'ai fait cela en 10 minutes montre en main, c'est fait à l'arrache… et pourtant, cela ne gêne en rien le fonctionnement du site,
• cette rectification de style n'est prévue pour fonctionner que sur mon portable, ou du moins sur un écran de résolution équivalente (ceci dit, c'est très facilement adaptable),
• le restylage est très personnel, les goûts et les couleurs dit-on,
• et en effet, il faut quand même quelques connaissances pour le faire.

Ceci dit, je ne sais pas si vous voyez l'idée, je vais donc la résumer : en 10 minutes, je viens de changer et personnaliser une interface web à ma guise.

Celui qui vient encore me dire que CSS n'est pas un langage puissant après ça… je risque de lui rire à la figure !

Bref, ça sera peut-être ça le web 3.0 : (re)définissez vos sites préférés comme vous l'entendez. ;)

Et accessoirement, si vous voulez frimer, vous pouvez dire que vous avez participé au redesign de l'interface de Twitter (bon, n'en faites pas trop quand même).