RSS

vous aimez firefox, vous allez l’adorer avec firebug

29 Jan

En tant que mainteneur de quelques sites Web de ma boutique, je reçois régulièrement des demandes du style :

 » et comment t’as fait pour mette un menu en haut, des onglets à coins coupés, des boites à coins arrondis … dans ton moodle, plone, mediawiki … »(1)

(1) rayer les mentions inutiles.

Une fois par mois ca va, deux fois par jour c’est trop.

D’après ce blog que je plagie sans vergogne : 😉

On aime FireFox quand on développe une application Web. Il est tellement plus compatible que … (On donnera pas le nom ). Et maintenant avec l’extension FireBug vous allez l’adorer votre FireFox.

Cette extension permet de contrôler vos pages Web aux endroits les plus reculés du DOM. Une console indique les erreurs CSS, HTML, Javascript, AJAX. (2)

Vous pouvez éditer le code et l’extension se chargera de modifier directement sur la page pour avoir un rendu immédiat.

Les éléments survolés dans le code se surlignent automatiquement dans l’aperçu. ( Que du bonheur! ).

(2) <mauvaisefoi>  Non, il n’y a pas d’erreurs sur mes sites  </mauvaisefoi>

Et maintenant pour revenir à votre question : installez cette extension (Firefox only !)  puis faites un click droit sur l’élément HTML qui vous intrigue et découvrez la nouvelle option « Inspecter cet élement »… et hop,  à gauche dans la console le code html avec probablement la classe ou l’id utilisé et à droite le CSS . Help yourself…

Si vous cherchiez une bonne raison d’abandonner le navigateur de petitmou, et bien en voila une excellente.

Publicités
 
Poster un commentaire

Publié par le jeudi 29 janvier 2009 dans firefox, Logiciels libres

 

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s