Maîtriser Firebug, l'indispensable extension Firefox pour le développement web

I. Introduction
I-A. Installation
I-B. Tour d'ensemble
I-B-1. Les principales fonctionnalités
I-B-2. La fenêtre Firebug
I-C. Prise en main
II. Inspecter et modifier le HTML
II-A. Voir le code source
II-B. Retrouver un élément
II-B-1. Inspection dans Firebug
II-B-2. Inspection dans le navigateur
II-B-3. La zone de recherche
II-C. Hiérarchie des éléments
II-D. Edition du code HTML
II-E. Le menu contextuel
II-F. Plus d'infos : Style, apparence et DOM
II-F-1. Style
II-F-2. Apparence
II-F-3. DOM (Document Object Model)
III. Des CSS "nickel chrome"
III-A. Choisir le fichier à inspecter
III-B. Visualiser, éditer
III-C. Prévisualiser images et couleurs au survol
III-D. Complétion des propriétés et valeurs possibles d'une instruction CSS
IV. Tout pour le JavaScript
IV-A. Visualiser les erreurs
IV-B. Sélection du fichier JavaScript à visualiser
IV-C. Déboguer
IV-C-1. Définir un point d'arrêt
IV-C-2. Point d'arrêt avec condition
IV-C-3. Exécution pas à pas
IV-D. Identifier les parties lentes avec le profiler
V. Monitoring de l'activité réseau
V-A. Les ressources téléchargées en détail
V-A-1. Les différents types de ressources
V-A-2. Le plein d'informations
V-A-3. Prévisualisation des images
V-A-4. Clic droit...
V-A-5. Plus...
V-B. Les requêtes XMLHTTP à la loupe
V-B-1. Le dialogue client/serveur : les en-têtes HTTP
V-B-2. Les paramètres HTTP : GET ou POST
V-B-3. La réponse du serveur
VI. Aller plus loin avec la console
VI-A. Du JavaScript à la volée
VI-B. Logger
VI-B-1. Un simple message
VI-B-2. Différents types de messages
VI-B-3. Grouper les messages
VI-C. Aide à la saisie : la complétion
VII. Les projets périphériques
VII-A. FirePHP
VII-B. FireCookie
VII-C. YSlow
VIII. Conclusion
VIII-A. Remerciements
VIII-B. Liens utiles