Utilisation de Web Developer Toolbar et Firebug
Objectifs
Les objectifs de cette vidéo sont de :
- Présenter les outils Web Developer Toolbar et Firebug.
- Montrer comment les installer et les configurer sur Firefox.
- Illustrer des cas pratiques d'utilisation de ces outils pour améliorer le développement web.
Résumé
Apprenez à utiliser deux outils essentiels de Firefox, Web Developer Toolbar et Firebug, pour améliorer vos compétences en développement web.
Description
Cette leçon vous montre comment utiliser deux extensions indispensables pour les développeurs web sur le navigateur Firefox : la Web Developer Toolbar et Firebug. Firefox, connu pour sa flexibilité et ses nombreuses extensions, permet aux utilisateurs d’ajouter des fonctionnalités avancées grâce à de petits logiciels. La Web Developer Toolbar, créée par Chris Pederick, offre divers outils pour manipuler les styles CSS et HTML. Firebug, une autre extension puissante, permet d’inspecter, d’éditer et de tester des modifications directement sur une page web.
Après l'installation de ces deux outils, nous explorerons plusieurs de leurs fonctionnalités clés, comme la désactivation des styles CSS, l'édition dynamique du CSS, et la visualisation des structures HTML. Firebug se distingue par son mode inspecteur qui facilite l'analyse des éléments et des styles appliqués, permettant des modifications provisoires et des tests rapides avant de finaliser le code dans vos fichiers.
Je me perds toujours dans les marges, les paddings et les positionnements!
Beaucoup de petites astuces, bienvenues.
Gros défaut: tous les écrans sont flous, et le son est exécrable.