Comme tout webmestre qui se respecte (et respecte le web), j’utilise firefox pour tester en premier lieu mes créations de sites Web. Et comme beaucoup d’entre vous (de plus en plus), je l’utilise aussi pour naviguer sur le web depuis le merveilleux jour où j’ai rencontré le fameux panda rouge.

Car comme disais l’autre :

L’essayer c’est l’adopter !

Nous allons voir ensemble les différentes extensions qui permettent de se faciliter la vie quand on développe des sites web.

Web developer Toolbar

image representant l'extension

Cette extension est magique et offre de nombreuses possibilités pour le webmestre. Personnellement je ne peux plus m’en passer.

Entre autre, cette barre d’outil pour développeur web permet de désactiver les feuilles de styles, les éditer en directe (excellent pour comprendre comment fonctionne une feuille de style :-) ), voir les styles d’un élément particulier.
Ensuite elle permet d’agir sur les formulaires, de tester une page en fonction de nombreux critères (accessibilité, validation HTML et CSS, poids des images, inspecteur DOM, …), de mettre à jour de nombreuses information utiles.

Bref, cette extension est un must. J’en ai rêvé, Chris l’a fait !

View Source Chart

Image d'un code source vu par l'extension

Cette extension crée une carte en couleur du code source d’une page web.

La lisibilité devient excellente, surtout qu’il est possible de réduire une zone de la source en cliquant dessus.

Il devient vraiment facile d’identifier la structure et la hiérarchie du code.

Ocawa Toolbar

Logo du site Ocawa

Cette extension est une vraie mine pour tester l’accessibilité d’une page web. Elle permet de visualiser sur votre page et au fur et à mesure de la navigation les éléments de la page qui ne respectent pas les référentiels de Qualité / Accessibilité.

Les référentiels sont les suivants :

  • WCAG 1.0 (Priorité 1,2 et 3)
  • ADAE (Bronze et Argent)

IE Tab

Copie d'ecran

Même si on ne peut pas (encore) se passer d’Internet Explorer pour tester le bon fonctionnement de ses créations web, cette extension vous permet de lancer son moteur de rendu à l’intérieur de Firefox.

Cela permet tout de même de gagner un temps précieux.

SEO Tools

Logo de l'extension SEO tools

Cette extension permet de vérifier en 2 clics de souris de nombreuses informations utiles pour le référencement d’un site comme le PR de Google, le nombre de backlinks sur Google, MSN, Yahoo, Del.icio.us, Technorati et bien d’autres, mais aussi le classement sur Alexa.

A installer d’urgence pour vérifier si votre travail acharné de référencement aboutit à des résultats.

Dans le même style j’en profite pour parler du module pour Netvibes crée par Xioos.com qui permet d’avoir un aperçu rapide de l’état de référencement de ses sites comme le montre l’image suivante :

Image du module de xioos pour netvibes

Voilà c’est tout pour l’instant mais cette page sera modifiée régulièrement pour insérer d’autres extensions très utiles pour les voyageurs du web.N’hésitez pas à m’indiquer si vous connaissez d’autres extensions utiles pour les webmestres.

Liens utiles :

(Merci pour les commentaires :-) )