{"id":356,"date":"2008-01-01T21:10:57","date_gmt":"2008-01-01T20:10:57","guid":{"rendered":"http:\/\/www.dotmana.com\/index.php\/?p=356"},"modified":"2008-01-01T22:22:28","modified_gmt":"2008-01-01T21:22:28","slug":"356","status":"publish","type":"post","link":"http:\/\/www.dotmana.com\/weblog\/2008\/01\/356\/","title":{"rendered":"Les meilleurs plugins FX pour un d\u00e9veloppeur"},"content":{"rendered":"<p>Un excellent article sur <a target=\"_blank\" href=\"http:\/\/www.simpleentrepreneur.com\/2007\/12\/25\/les-25-meilleurs-plugins-firefox-pour-developper-un-site-internet\/\">simpleentrepreneur.com<\/a> sur les meilleurs plugins FX pour un d\u00e9veloppeur :<\/p>\n<blockquote><p>Le navigateur de Mozilla est un outil formidable pour le d\u00e9veloppement web. Il int\u00e8gre en effet un <strong>m\u00e9canisme d\u2019extensions<\/strong> autour duquel s\u2019est d\u00e9velopp\u00e9 tout un <a target=\"_blank\" href=\"https:\/\/addons.mozilla.org\/firefox\">\u00e9cosyst\u00e8me<\/a>. Certains <em>plugins<\/em> sont d\u2019ailleurs de v\u00e9ritables perles et offrent des fonctionnalit\u00e9s qui vont bien au-del\u00e0 de ce que propose <a target=\"_blank\" href=\"http:\/\/www.mozilla.com\/firefox\/\">Firefox<\/a> en standard. Voici donc une liste de ceux qui se r\u00e9v\u00e9leront vite indispensables si vous voulez concevoir un site Internet.<\/p>\n<h4>Aide au d\u00e9veloppement<\/h4>\n<ul>\n<li><a target=\"_blank\" href=\"https:\/\/addons.mozilla.org\/firefox\/addon\/1843\">FireBug<\/a> : c\u2019est le couteau Suisse ultime ! FireBug permet d\u2019explorer et de modifier la structure d\u2019une page (Javascript, CSS et HTML) et de consulter les \u00e9changes effectu\u00e9s avec le serveur (tr\u00e8s pratique en Ajax). Si vous rencontrez des probl\u00e8mes avec vos scripts, il pourra m\u00eame vous aider gr\u00e2ce \u00e0 un d\u00e9buggeur tr\u00e8s puissant.<\/li>\n<li><a target=\"_blank\" href=\"https:\/\/addons.mozilla.org\/firefox\/addon\/60\">Web Developer<\/a> : ce plugin rajoute une barre d\u2019outils au navigateur. Cette barre permet d\u2019effectuer tout un tas de choses, comme g\u00e9rer le cache, voir les <em>cookies<\/em>, mettre en valeur (c\u2019est-\u00e0-dire surligner) certaines parties d\u2019une page web, valider une page, mesurer pr\u00e9cis\u00e9ment des \u00e9l\u00e9ments graphiques, etc.<\/li>\n<li><a target=\"_blank\" href=\"https:\/\/addons.mozilla.org\/firefox\/addon\/573\">Add N Edit Cookies<\/a> : comme son nom l\u2019indique, cette extension permet de cr\u00e9er et de manipuler des cookies. La fonction recherche est tr\u00e8s int\u00e9ressante, puisqu\u2019elle permet de retrouver tous les cookies d\u2019un domaine en particulier (sous-domaines inclus).<\/li>\n<li><a target=\"_blank\" href=\"https:\/\/addons.mozilla.org\/firefox\/addon\/1237\">QuickJava<\/a> : QuickJava permet d\u2019activer et de d\u00e9sactiver \u00e0 la vol\u00e9e le support du langage de programmation Java et du langage de script Javascript. Il s\u2019utilise tr\u00e8s simplement gr\u00e2ce \u00e0 l\u2019installation de deux boutons dans la barre de statut et est id\u00e9al pour v\u00e9rifier l\u2019utilisabilit\u00e9 d\u2019un site dans ces conditions particuli\u00e8res.<\/li>\n<li><a target=\"_blank\" href=\"https:\/\/addons.mozilla.org\/firefox\/addon\/1333\">Quick Locale Switcher<\/a> : ce plugin rajoute lui aussi un bouton dans la barre de statut afin d\u2019offrir la possibilit\u00e9 de contr\u00f4ler facilement la langue du navigateur. Il se r\u00e9v\u00e8le donc tr\u00e8s pratique &#8211; pour ne pas dire indispensable &#8211; dans le cadre du d\u00e9veloppement d\u2019un site supportant plusieurs langues.<\/li>\n<li><a target=\"_blank\" href=\"https:\/\/addons.mozilla.org\/firefox\/addon\/2409\">Server Switcher<\/a> : il suffit d\u2019installer cette extension pour pouvoir basculer d\u2019un environnement \u00e0 un autre d\u2019un simple clic de souris. Dommage toutefois qu\u2019elle ne puisse pas g\u00e9rer plusieurs environnements \u00e0 la fois (c\u2019est-\u00e0-dire plusieurs serveurs : d\u00e9veloppement, <em>staging<\/em>, production, \u2026).<\/li>\n<li><a target=\"_blank\" href=\"https:\/\/addons.mozilla.org\/firefox\/addon\/3255\">CookieSwap<\/a> : CookieSwap permet de d\u00e9finir des profils utilisateurs et de basculer l\u00e0 encore tr\u00e8s facilement de l\u2019un \u00e0 l\u2019autre. Chaque profil disposant de ses propres cookies, il est ainsi possible de tester un site rapidement avec des utilisateurs aux caract\u00e9ristiques diff\u00e9rentes.<\/li>\n<\/ul>\n<h4>Affichage d\u2019informations suppl\u00e9mentaires<\/h4>\n<ul>\n<li><a target=\"_blank\" href=\"https:\/\/addons.mozilla.org\/firefox\/addon\/2214\">View Dependencies<\/a> : ce plugin rajoute une section suppl\u00e9mentaire dans le panneau d\u2019information qui liste tous les fichiers (images, scripts, feuilles de style, \u2026) qui ont \u00e9t\u00e9 charg\u00e9s avec une page web. Elle comptabilise \u00e9galement le poids de chaque \u00e9l\u00e9ment et le poids total de la page.<\/li>\n<li><a target=\"_blank\" href=\"https:\/\/addons.mozilla.org\/firefox\/addon\/315\">View Cookies<\/a> : cette extension propose de la m\u00eame mani\u00e8re un nouvel onglet dans le panneau d\u2019information avec cette fois-ci la liste des cookies li\u00e9s \u00e0 la page qui vient d\u2019\u00eatre charg\u00e9. Les actions \u00e0 disposition sont limit\u00e9es, puisque seule la suppression d\u2019un cookie est disponible.<\/li>\n<li><a target=\"_blank\" href=\"https:\/\/addons.mozilla.org\/firefox\/addon\/3829\">Live HTTP Headers<\/a> : comme son nom le laisse sous-entendre, cette extension est tr\u00e8s pratique pour consulter les en-t\u00eates des requ\u00eates et des r\u00e9ponses \u00e9chang\u00e9es avec un serveur web. Il est m\u00eame possible de d\u00e9finir des filtres pour restreindre le nombre d\u2019en-t\u00eates \u00e0 analyser.<\/li>\n<li><a target=\"_blank\" href=\"https:\/\/addons.mozilla.org\/firefox\/addon\/590\">ShowIP<\/a> : ShowIP affiche dans la barre de statut l\u2019adresse IP du serveur qui h\u00e9berge la page qui vient d\u2019\u00eatre charg\u00e9e. Il propose \u00e9galement l\u2019acc\u00e8s \u00e0 des services suppl\u00e9mentaires (whois, traceroute, \u2026) ainsi que la possibilit\u00e9 de copier cette adresse dans le presse-papier.<\/li>\n<li><a target=\"_blank\" href=\"https:\/\/addons.mozilla.org\/firefox\/addon\/2036\">Server Spy<\/a> : Server Spy est une extension qui analyse les en-t\u00eates des r\u00e9ponses renvoy\u00e9es par un serveur web et qui d\u00e9termine (lorsque cela est possible) le type de serveur (et \u00e9ventuellement d\u2019autres informations comme le num\u00e9ro de version ou le syst\u00e8me d\u2019exploitation) qui a servi la page web.<\/li>\n<li><a target=\"_blank\" href=\"https:\/\/addons.mozilla.org\/firefox\/addon\/271\">ColorZilla<\/a> : ce plugin permet de manipuler les couleurs (et leur code au format RGB ou hexad\u00e9cimal). Il embarque un s\u00e9lecteur de couleur (<em>color picker<\/em> en anglais) et permet \u00e9galement de capturer la couleur d\u2019un \u00e9l\u00e9ment d\u2019une page en la s\u00e9lectionnant avec la souris.<\/li>\n<\/ul>\n<h4>Analyse des performances<\/h4>\n<ul>\n<li><a target=\"_blank\" href=\"https:\/\/addons.mozilla.org\/firefox\/addon\/5369\">YSlow<\/a> : cette extension con\u00e7ue par Yahoo! analyse la page en cours et fournit diff\u00e9rentes indications sur sa vitesse de chargement et les points qu\u2019il serait n\u00e9cessaire de retravailler pour l\u2019optimiser. Attention, il faut avoir install\u00e9 FireBug pour pouvoir utiliser YSlow.<\/li>\n<\/ul>\n<h4>Modification et sauvegarde des requ\u00eates<\/h4>\n<ul>\n<li><a target=\"_blank\" href=\"https:\/\/addons.mozilla.org\/firefox\/addon\/1290\">UrlParams<\/a> : UrlParams est une extension tr\u00e8s facile \u00e0 utiliser qui affiche les param\u00e8tres envoy\u00e9s dans une requ\u00eate POST ou GET. Elle permet en outre d\u2019intervertir ces deux m\u00e9thodes d\u2019envoi ou de modifier ces param\u00e8tres avant de renvoyer une nouvelle requ\u00eate.<\/li>\n<li><a target=\"_blank\" href=\"https:\/\/addons.mozilla.org\/firefox\/addon\/966\">Tamper Data<\/a> : ce plugin est tr\u00e8s proche en termes de fonctionnalit\u00e9s du pr\u00e9c\u00e9dent, sauf qu\u2019il permet de modifier \u00e9galement les en-t\u00eates envoy\u00e9es au serveur web et donne plus d\u2019informations sur ces \u00e9changes. <strike>En revanche, il n\u2019est pas possible de rajouter des nouveaux champs \u00e0 la requ\u00eate par son interm\u00e9diaire<\/strike>.<\/li>\n<li><a target=\"_blank\" href=\"https:\/\/addons.mozilla.org\/firefox\/addon\/1490\">Form Saver<\/a> : une extension originale qui permet de sauver dans ses favoris le contenu d\u2019un formulaire (sous la forme d\u2019un <em>bookmarklet<\/em>). Il suffit ensuite de s\u00e9lectionner ce favori pour remplir tous les champs du formulaire avec ces informations. Tr\u00e8s pratique.<\/li>\n<\/ul>\n<h4>Optimisation pour les moteurs de recherche (SEO)<\/h4>\n<ul>\n<li><a target=\"_blank\" href=\"https:\/\/addons.mozilla.org\/firefox\/addon\/321\">SearchStatus<\/a> : cette extension permet d\u2019afficher dans la barre de statut plusieurs types d\u2019information sur la page en cours : <em>pagerank<\/em>, classement Compete et classement Alexa. Elle propose ensuite des raccourcis pour acc\u00e9der \u00e0 d\u2019autres donn\u00e9es (tendance, nombres de liens entrants, d\u00e9tail du trafic, \u2026).<\/li>\n<li><a target=\"_blank\" href=\"https:\/\/addons.mozilla.org\/firefox\/addon\/5362\">Alexa Sparky<\/a> : \u00e0 l\u2019inverse de la pr\u00e9c\u00e9dente extension, celle-ci se focalise uniquement sur les donn\u00e9es fournies par Alexa. Son principal avantage est de proposer dans la barre de statut un graphique qui fournit la tendance g\u00e9n\u00e9rale en terme de trafic pour la page en cours.<\/li>\n<li><a target=\"_blank\" href=\"https:\/\/addons.mozilla.org\/firefox\/addon\/4788\">KGen<\/a> : KGen est un plugin capable d\u2019analyser une page et d\u2019en extraire une liste de mots cl\u00e9s en les classant suivant diff\u00e9rents facteurs (comme le nombre d\u2019occurrences ou leur importance). Enti\u00e8rement param\u00e9trable, KGen est donc tr\u00e8s utile pour optimiser le contenu de ses pages.<\/li>\n<\/ul>\n<h4>Outils annexes<\/h4>\n<ul>\n<li><a target=\"_blank\" href=\"https:\/\/addons.mozilla.org\/firefox\/addon\/249\">Html Validator<\/a> : un incontournable ! Cette extension permet de v\u00e9rifier que la page courante respecte bien la sp\u00e9cification HTML (et ses diff\u00e9rentes d\u00e9clinaisons). La validation est effectu\u00e9e au sein m\u00eame du navigateur et permet donc de valider le contenu d\u2019une page suite \u00e0 la modification du code par une fonction Ajax.<\/li>\n<li><a target=\"_blank\" href=\"https:\/\/addons.mozilla.org\/firefox\/addon\/532\">LinkChecker<\/a> : LinkChecker est une extension capable d\u2019analyser le contenu d\u2019une page et de v\u00e9rifier pour chaque lien trouv\u00e9 si le site correspondant est accessible. Les liens sont alors surlign\u00e9s avec une couleur pr\u00e9cisant leur \u00e9tat (fonctionnel, invalide, \u2026).<\/li>\n<li><a target=\"_blank\" href=\"https:\/\/addons.mozilla.org\/firefox\/addon\/2077\">Regular Expressions Tester<\/a> : une extension &#8211; certes basique &#8211; mais qui permet toutefois de tester rapidement le r\u00e9sultat d\u2019une expression r\u00e9guli\u00e8re sur une cha\u00eene de caract\u00e8res. Elle est livr\u00e9e avec quelques expressions pr\u00e9d\u00e9finies (emails, adresses IP, \u2026).<\/li>\n<li><a target=\"_blank\" href=\"https:\/\/addons.mozilla.org\/firefox\/addon\/5235\">Unicode Converter\/Input Tool<\/a> : cette extension est tr\u00e8s compl\u00e8te. Elle permet de manipuler et de convertir des cha\u00eenes de caract\u00e8res dans diff\u00e9rents types d\u2019encodage. Une v\u00e9ritable boite \u00e0 outils pour tous ceux qui doivent concevoir un site avec des jeux de caract\u00e8res pouvant supporter plusieurs langues.<\/li>\n<li><a target=\"_blank\" href=\"https:\/\/addons.mozilla.org\/firefox\/addon\/135\">SecurePassword Generator<\/a> : un g\u00e9n\u00e9rateur de mots de passe bien pratique lorsqu\u2019il faut cr\u00e9er un compte utilisateur. Il dispose de nombreuses options (il est m\u00eame possible de n\u2019utiliser les lettres que d\u2019une certaine partie du clavier). L\u2019animation lors de la g\u00e9n\u00e9ration du mot de passe est en revanche un peu fastidieuse.<\/li>\n<\/ul>\n<h4>Et en bonus<\/h4>\n<ul>\n<li><a target=\"_blank\" href=\"https:\/\/addons.mozilla.org\/firefox\/addon\/1122\/\">Tab Mix Plus<\/a> : une extension indispensable qui am\u00e9liore grandement la gestion des onglets dans Firefox. Gr\u00e2ce \u00e0 elle, tout devient vraiment configurable (affichage d\u2019une nouvelle fen\u00eatre, clic de souris, menu contextuel, fermeture d\u2019un onglet, etc). Elle propose m\u00eame une fonction <em>undo<\/em> tr\u00e8s pratique.<\/li>\n<li><a target=\"_blank\" href=\"https:\/\/addons.mozilla.org\/firefox\/addon\/1759\">Organize Status Bar<\/a> : ce plugin ne propose pas beaucoup de fonctionnalit\u00e9s, mais il remplit bien son objectif : offrir un moyen simple de r\u00e9arranger le contenu de la barre de statut. De cette mani\u00e8re, il est possible de trier les informations affich\u00e9es par d\u2019autres extensions dans cet espace restreint.<\/li>\n<\/ul>\n<p>Pour les sp\u00e9cialistes en optimisation des moteurs de recherche, il sera peut-\u00eatre pr\u00e9f\u00e9rable d\u2019installer <a target=\"_blank\" href=\"https:\/\/addons.mozilla.org\/firefox\/addon\/3036\">SeoQuake<\/a> \u00e0 la place de <a target=\"_blank\" href=\"https:\/\/addons.mozilla.org\/firefox\/addon\/321\">SearchStatus<\/a> et d\u2019<a target=\"_blank\" href=\"https:\/\/addons.mozilla.org\/firefox\/addon\/5362\">Alexa Sparky<\/a>. Cette extension est en effet bien plus puissante, mais aussi plus complexe \u00e0 prendre en main et v\u00e9ritablement destin\u00e9e \u00e0 cette activit\u00e9 particuli\u00e8re.<\/p>\n<p>Et si vous \u00eates <em>web designer<\/em>, sachez qu\u2019il existe un <a target=\"_blank\" href=\"https:\/\/addons.mozilla.org\/firefox\/addon\/2064\">g\u00e9n\u00e9rateur de Lorem Ipsum<\/a>.<\/p><\/blockquote>\n<h4 \/>\n","protected":false},"excerpt":{"rendered":"<p>Un excellent article sur simpleentrepreneur.com sur les meilleurs plugins FX pour un d\u00e9veloppeur : Le navigateur de Mozilla est un outil formidable pour le d\u00e9veloppement web. Il int\u00e8gre en effet un m\u00e9canisme d\u2019extensions autour duquel s\u2019est d\u00e9velopp\u00e9 tout un \u00e9cosyst\u00e8me. &hellip; <a href=\"http:\/\/www.dotmana.com\/weblog\/2008\/01\/356\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-356","post","type-post","status-publish","format-standard","hentry","category-dev"],"_links":{"self":[{"href":"http:\/\/www.dotmana.com\/weblog\/wp-json\/wp\/v2\/posts\/356","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.dotmana.com\/weblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.dotmana.com\/weblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.dotmana.com\/weblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.dotmana.com\/weblog\/wp-json\/wp\/v2\/comments?post=356"}],"version-history":[{"count":0,"href":"http:\/\/www.dotmana.com\/weblog\/wp-json\/wp\/v2\/posts\/356\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.dotmana.com\/weblog\/wp-json\/wp\/v2\/media?parent=356"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.dotmana.com\/weblog\/wp-json\/wp\/v2\/categories?post=356"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.dotmana.com\/weblog\/wp-json\/wp\/v2\/tags?post=356"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}