29
2011
FireBug : un must pour tout web-designer!
Écrit par 
Qui d’entre nous n’a pas passé des heures entières a vouloir placé une div correctement sans comprendre pourquoi elle s’en tête a se placer la ou en le veut pas et même a flinguer le design du site … ne parlant pas des aller retour entre le navigateur et votre éditeur css et les monté décente a travers les lignes de code a chercher la plut par du temps un faille si bette qu’on commence a haïr se métier ( je rigole … je ne peut le faire :p ).
La solution qui ma rendu « le webdesign facile » et cette extension pour firefox a l’origine mais qui est devenu disponible aussi sur chrome : FireBug.
Une foi installer cette extension vous permet a travers sa console de faire la chirurgie de vos pages web, ou ceux des autres aussi, le débogage du code html/css devient alors très facile, plus besoin des aller retours, l’extension vous présente le code html d’un coté et les code css correspondant de l’autre, cerise sur le gâteau plus besoin de changer le code a travers votre éditeur, sauvegarder, rafraîchir la page sur le navigateur : FireBug vous permet de changer code html, propriété css directement pour voir un résultat instantané ce qui présente un gain en temps énorme et vous permet de travailler plus efficacement.
Une page CSS peut avoir des milliers de lignes, cela dépend de la complexité du site et de son volume, retrouver une propriété devient des fois très difficile, FireBug vous donne directement la ligne et la feuille de style ou est défini tel ou tel propriété.
FireBug vous permet aussi de la même maniéré que pour les CSS de déboguer vos Javascript, de tester vos pages, la connexion et le temps de chargement … je vous laisse découvrir cette extension et ces capacités.
www.getfirebug.com
