jeudi 23 février 2012

firefox

5 addons firefox pour développeurs

Lorsque je développe des applications web, je suis toujours accompagné des outils de base pour déboguer correctement et simplement. Il faut toujours garder à l’esprit le code PHP mais aussi (et surtout) le code HTML, CSS, etc… pour disposer d’un référencement correct en respectant les standards dan la mesure du possible.

Voici donc 5 extensions que j’utilise, j’en utilise d’autres mais celle-ci sont à mon sens les plus importantes pour travailler sereinement :

1 – Web Developer

Mon premier plugin lorsque j’ai débuté, depuis je ne peux plus m’en passer. Il permet d’accéder à des outils externes de validation, désactiver des éléments de la page, afficher en live les structure des tables html, des balises div…

Site web de l’extension

2 – Firebug

Alors là c’est un classique parmi les extensions de dév, il vous affichera tout ce que vous voulez savoir sur votre page. Du temps de chargement de chaque élément (html, images, css, scripts…) au contenu des cookies en passant par le DOM… Et en plus il est extensible avec d’autres plugins comme celui qui suit.

Site web de l’extension

3 – FirePHP

Voici une extension qui vous permet d’afficher des informations de vos scripts PHP directement dans Firebug. Très simplement avec un appel d’une méthode dans votre code PHP, vous pourrez consulter le retour d’une requête SQL, le contenu d’un tableau… Je vous prépare un petit billet pour l’intégration de FirePHP dans CodeIgniter ;-)

Site web de l’extension

4 – Html Validator

Toujours utile, un rapide coup d’œil dans la barre de statut de Firefox et on sait de suite si la page est conforme à la déclaration de votre DOCTYPE. Essentiel dans une approche respectueuse des standards.

Site web de l’extension

5 – YSlow

Pour conclure, cette extension permet de valider votre page en s’appuyant sur les bonnes pratiques prodiguées par Yahoo! en matière de chargement de page, d’optimisation..etc… Une bonne habitude à prendre !

Site web de l’extension

En espérant que cette petite liste vous aide ;-)

À propos de l'auteur

Passionné d'informatique en général et de logiciel libre en particulier. Développeur sur de multiples langage & IDE (Delphi, .net, Java, PHP...). Administrateur de la communauté francophone de la distribution LinuxMint. Amoureux du développement sur CodeIgniter et à la recherche d'un associé (graphiste de préférence) pour monter un Business Model :-)

Autres articles par Ludal »

2 commentaires

Rétroliens pour cet article

Laisser un commentaire

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="">

Envoyer le commentaire »

Propulsé par WordPress