Systèmes d’Information, Développement Web et Mozilla

Mise à jour du 22 août 2008 : L’auteur de cette exten­sion m’a envoyé par mail son exten­sion et je n’ai pas eu de pro­blème pour l’ins­tal­ler. L’erreur de hashage vien­drait du site addons.mozilla.org. Par ailleurs, cette exten­sion a obtenu la 3ème place du con­cours d’exten­sions pour Fire­fox 3.

Fire­fox 3 per­met main­te­nant d’ajou­ter en un seul clic les sites Web dans les mar­que-pages. Il pro­pose en plus d’y asso­cier des mot-clefs, tout en nous lais­sant le dur tra­vail de les trou­ver. Des sug­ges­tions auraient été les bien­ve­nues. Heu­reu­se­ment il y a Rémi, sta­giaire chez Elit­work. Il vient de sor­tir une exten­sion nommé Han­dy­Tag.

Han­dy­Tag fait appel à plu­sieurs sour­ces afin de trou­ver les mot clefs les plus per­ti­nents des mar­que-pages :

• les mots clefs déjà uti­li­sés pour d’autres mar­ques pages (par défaut dans Fire­fox 3).
• les mots-clés pro­po­sés par le web­mas­ter (con­tenu de la balise meta-key­words).
• les mots-clés uti­li­sés par les inter­nau­tes (via del.icio.us).
• et enfin, les mots-clés résul­tant d’une recher­che séman­ti­que sur la page mise en mar­que page (via les tra­vaux effec­tués pour créer l’exten­sion KGen).

Le pre­mier pro­blème que j’aurai à remon­ter est assez blo­quant, l’exten­sion ne s’ins­talle pas ! J’ai l’erreur sui­vante :

Fire­fox n’a pas pu ins­tal­ler le fichier situé à

https://addons.mozilla.org/fr/fire­fox/down­loads/file/29883/han­dy­tag-0.1-fx.xpi

rai­son : Hachage inva­lide sur le fichier (cor­rup­tion pos­si­ble du télé­char­ge­ment) -261

Si vous l’avez aussi, il fau­dra mal­heu­reu­se­ment atten­dre que le bug soit cor­ri­ger sur le site des exten­sions.

En atten­dant, j’émets déjà une requête : avoir la pos­si­bi­lité de trou­ver les mot-clefs des sites Web déjà dans les mar­que-pages.

Safari 3 beta per­met de modi­fier la taille des champs des for­mu­lai­res, une fonc­tion­na­lité bien utile sur cer­tains blogs ou forums où le champ prévu à cet effet est trop petit.

Per­met­tez moi de vous pré­sen­ter son équi­va­lent en exten­sion pour Fire­fox (datant de novem­bre 2006) : Resi­za­ble Form Fields (note : une ver­sion plus récente = 0.2.4) est dis­po­ni­ble ici).

Grâce à cette exten­sion vous pour­rez modi­fier à vos sou­haits les champs de for­mu­lai­res et ifra­mes (l’exten­sion fonc­tionne aussi avec les liste dérou­lan­tes) :

Chro­ma­Tabs est une exten­sion écrite par Jus­tin Dolske. Elle colore de la même cou­leur les onglets ouverts sur un domaine par­ti­cu­lier, pour que l’on puisse les iden­ti­fier plus vite. Vous n’êtes pas con­vaincu de son uti­lité ? Fai­tes donc ce petit test :

1. Trou­ver tou­tes les let­tres rou­ges
2. Trou­ver tou­tes les let­tres “K”

Nor­ma­le­ment vous avez trouvé la pre­mière étape plus facile. C’est un fait, il est plus aisé de dis­tin­guer les cou­leurs que les for­mes. Là où un rapide coup d’oeil suf­fit pour répon­dre à la pre­mière ques­tion, il faut regar­der plus atten­ti­ve­ment l’image pour répon­dre à la deuxième.

En fait, on peut déjà dif­fé­ren­cier les onglets grâce à leur favi­con mais mal­heu­reu­se­ment tous les sites n’en ont pas et, en plus, cer­tai­nes favi­cons se retrou­vent sur plu­sieurs sites dif­fé­rents.

Par défaut, Chro­ma­Tabs uti­lise le domaine sur lequel est ouvert l’onglet (par exem­ple labs.mozilla.org) pour lui asso­cier une cou­leur uni­que grâce à une fonc­tion de hashage. Cha­que fois qu’un ou plu­sieurs onglets seront ouverts sur ce domaine, ils auront donc la même cou­leur. Depuis la ver­sion 2 on peut aussi acti­ver une option pour que la cou­leur de l’onglet se base sur la favi­con du domaine.

Cela rend l’exten­sion beau­coup plus intui­tive, mais mal­heu­reu­se­ment les onglets des sites sans favi­con n’ont plus de cou­leurs du tout.Ce pro­blème devrait être cor­rigé avec la pro­chaine ver­sion (par exem­ple en leur appli­quant la fonc­tion de hashage quand même). Elle devrait aussi appor­ter une meilleure visi­bi­lité pour l’onglet actif (par exem­ple en affi­chant de l’ombre sur ceux juste à côté), car pour l’ins­tant la seule mise en évi­dence est la police en gras.

Cap­ture d’écran quand Chro­ma­Tabs colore les onglets en fonc­tion de leur favi­con :

Cré­dits ima­ges : Mozilla Labs

Note : si cette exten­sion de fonc­tionne pas chez vous, c’est sûre­ment car elle est incom­pa­ti­ble avec votre thème.

Pour con­clure, je dirais que Chro­ma­Tabs est l’une de ces exten­sions que l’on appré­cie vrai­ment car elle amé­liore l’expé­rience uti­li­sa­teur. Cepen­dant il lui reste encore quel­ques petits défaut mais je suis sûr que la pro­chaine ver­sion les effa­cera. Alors, après avoir lu cet arti­cle, allez-vous l’ins­tal­ler ?

Il existe déjà plusieurs articles d'introduction aux Micformats mais celui que je vous propose aujourd'hui est une traduction d'un billet d'Alex Faaborg, User Experience Designer chez Mozilla.

• Microformats - Partie 0 : Introduction, publié sur Geckzozone.org.

C'est article n'est que le premier d'une série, les prochains parleront plus de l'interaction entre les microformats et le navigateur/les utilisateurs.

Les microformats sont un moyen d’ajouter de la sémantique aux pages web en insérant directement du code dans les pages XHTML. Ce billet n’est pas là pour lancer un n-ième débat sur la viabilité des microformats, ni sur leurs avantages/inconvénients par rapport aux autres méthodes concurrentes mais pour présenter une extension de Firefox qui les rend utile : Operator.