Je vais vous présenter les Outils et les Plugins que j'utilise quotidiennement et qui représentent pour moi, le minimum vital à tout développeur web. Sans plus attendre, les voici :

1. Plugin Web Developer

S'il n'y en avait qu'un, ce serait celui-ci. Ce Plugin Firefox (également développé sur SeaMonkey) est une mallette à Outils très complète qui permet de répondre à nos besoins les plus récurrents. Voici les grands axes :

  • CSS : Possibilité de voir, désactiver et modifier les CSS d'un site web etc.
  • Formulaire : Possibilité de voir les mots de passe, de convertir la méthode de traitement etc.
  • Image : Possibilité de désactiver les images, d'afficher leurs dimensions, leur poid etc.
  • Informations : Possibilité de voir les id, les classes, les codes couleurs etc.
  • Et d'autres fonctionnalités : outils de validation, de redimensionnement etc.

Pour le télécharger en français, rendez-vous ici : Plugin Web Developer - Fr
Et pour la version anglaise c'est ici : Plugin Web Developer - En

2. Plugin Firebug

Logo Firebug

S'il y en avait un deuxième, ce serait celui-ci. Ce Plugin est un débuggeur évolué pour Firefox . Je vais reprendre la présentation de Geckozone :

FireBug vous permet d'explorer par clavier ou souris les coins les plus reculés du DOM. Tous les Outils dont vous avez besoin pour fureter, produire et controler votre JavaScript, CSS, HTML et Ajax sont rassemblés ensemble à travers une seule extension, incluant un débuggeur, une console d'erreur, une ligne de commande, et une variété d'inspecteurs intéressants…

Un rapide aperçu des fonctionnalités de FireBug :

  • Un débuggeur JavaScript pour naviguer pas à pas dans le code une ligne à la fois,
  • Un icône de barre d'état qui permet de voir rapidement s'il y a une erreur dans la page web,
  • Une console qui montre les erreurs JavaScript et CSS,
  • Messages de Log de JavaScript dans votre page web sur la console
  • Une ligne de commande JavaScript
  • Un espion du trafic XMLHttpRequest,
  • Un inspecteur de source HTML, styles associés, évenements, mise en page et le DOM.

Pour le télécharger en anglais, rendez-vous ici : Plugin Firebug - En

3. Plugin IE Tab

Une harmonisation de l'interprétation du code entre les différents navigateurs étant loin d'être prévue, ce petit outil devient indispensable. Il vous permet d'ouvrir une page IE dans un onglet Firefox.

Pour le télécharger en anglais, rendez-vous ici : Plugin IE Tab - En

4. Plugin Colorzilla

Ce petit plugin servira surtout aux designers web étant donné qu'il permet de récupérer le code hexadécimal d'une couleur par simple survol du curseur. Ça évite la manipulation contraignante du PRINTSCREEN > CTRL + V > PHOTOSHOP.

Pour le télécharger en anglais, rendez-vous ici : Plugin Colorzilla - En

5. Logiciel Multiple IE

Logo Internet Explorer

L'interprétation du code entre les différentes versions de IE étant sensiblement différente, il est souvent utile de contrôler ses applications sur différentes version de IE (la 6.0 et la 7.0 par exemple), ce qu'il implique qu'il faille contrôler son application sur 2 ordinateurs différents. Ce petit logiciel vous permet d'installer 5 versions de IE (IE3, IE4.01, IE5, IE5.5 et IE6) en plus de celle que vous possédez déjà (dans l'idéal : la 7.0).

Pour le télécharger en anglais, rendez-vous ici : Logiciel Multiple IE - En

Si vous vous servez d'autres plugins/outils/logiciels/sites web qui vous semblent utiles pour les développeurs web, n'hésitez pas à les citer à la suite de cet article ;-)