Selection : Add-ons Firefox pour Webdesigners

closeCet article a été publié il y a 3 ans 9 mois 26 jours. Du au transfert entre la plateforme Dotclear et WordPress, il est donc possible que les images ou informations soient tronquées ou erronées. Veuillez m'en excuser.

firefox-addons

Il est incontestablement l’un des meilleurs navigateur web, Firefox à su tirer son épingle du jeu grâce d’une part à son respect des standards, son ergonomie, mais surtout grâce à ses plug-ins dû  à une grande communauté qui a su développer de nombreux outils utilent pour une optimisation de sa navigation.

C’est donc une sélection des meilleurs plug-ins Firefox qui faciliteront la vie des développeurs & webdesigners, c’est donc un rassemblement des plug-ins les plus appréciés par les professionnels et amateurs du web.

(Si vous en connaissez d’autres, laissez en commentaire je ferais une mise à jour par la suite)

Firebug : https://addons.mozilla.org/en-US/firefox/addon/1843

firebug

Firebug

Incontournable, Firebug est une extension facilitant le débuggage d’une page web. Vous pouvez ainsi modifier les DOM, et contrôler tout ce qui concerne Javascript, HTML et CSS.Iil contient ainsi un débuggeur, une console d’erreur, une ligne de commande ainsi que des extensions vraiment intéressante, un must !

Web developer toolbar : https://addons.mozilla.org/en-US/firefox/addon/60

web-developer

Web Developer Toolbar

Web dev Toolbar est une extension également indispensable, pouvant ainsi examiner et manipuler les pages web que cela soit autant au niveau Javascript, des cookies, des images, CSS, Div… Une boite à outil, un add on complet permettant de nombreuse actions sur différents langages.

ColorZilla : https://addons.mozilla.org/en-US/firefox/addon/271/

colorzilla

ColorZilla

ColorZilla est une petite pipette similaire à celle de photoshop, qui vous permettra ainsi de récupérer la couleur en RGB ou en hexadécimal sur n’importe quel page web. Une palette est également disponible, pouvant ainsi rassembler toutes les couleurs de la page en question, ou simplement vous permettre d’avoir accès à tous les codes couleurs.

MeasureIt : https://addons.mozilla.org/en-US/firefox/addon/539

measureit

MeasureIt

MeasureIt est un add-on permettant de connaitre les dimensions de n’importe quel élément du page web. En effet celui ci se présente comme un petite règle vous permettant de mesurer un espace, le tout en unité de pixel.

HTML Validator : https://addons.mozilla.org/en-US/firefox/addon/249

htmlvalid

HTML Validator

Comme son nom l’indique HTML Validator est une extension qui vous permet simplement de connaitre les erreurs HTML dans votre page web, et ainsi de la valider aux normes du W3c. Un petit outils trés pratique pour respecter les standards du web.

CSS Viewer : https://addons.mozilla.org/en-US/firefox/addon/2104

CCSviewer

CSS Viewer

CSS viewer, un plugin permettant de visionner et de situer sur une page web le contenu CSS pour chaque bloc. En pointant votre curseur sur l’élément désirais, celui ci vous indiquera la Div ainsi que tout le code CSS la concernant. Une fonction permettant rapidement de connaitre les propriétés de chaque éléments.

Screengrab! : https://addons.mozilla.org/en-US/firefox/addon/1146

screengrab

Screengrab!

Screengrab! est un add-on qui remplace votre bouton « imp ecr Syst. » En effet celui permet de prendre des screenshots de n’importe quel partie de la page web visionnée et ainsi de  l’enregistrer sur le format que vous désirez…

SEO for Firefox : http://tools.seobook.com/firefox/seo-for-firefox.html

seo-for-firefox

SEo Firefox

SEO pour Firefox est un outil permettant d’afficher vos résultats de recherches ainsi que toute une série d’informations pertinentes comme : le Pagerank, le nombre de liens .edu et .gov, l’âge du domaine, estime le total des backlinks, la version en cache de votre blog, un accès à un whois rapide, …

Vous pouvez également recherchez par mots-clés pour des estimations de trafic mais également de voir très vite quels sont les liens d’une page en « nofollow» .

Fire FTP: https://addons.mozilla.org/en-US/firefox/addon/684

fireftp

Fire FTP

Fire FTP est une alternative vous permettant ainsi de remplacer aisément un client FTP. Celui vous permet grâce a plusieurs option comme des recherches avancée et filtrage, recherche de différences entre les répertoires (et sous-répertoires) locaux et distants, gestionnaire de compte FTP, reconnexion automatique, édition à distance…

IE Tab : https://addons.mozilla.org/en-US/firefox/addon/1419

ietab

IE Tab

IE Tab est une fonction permettant à la page courante ou à un lien sélectionné d’être ouvert dans un onglet de Firefox avec le moteur d’Internet Explorer. Très utile pour tout webdesigner pour ainsi comparer les résultats sur le diabolique IE.

Image Zoom : http://imagezoom.yellowgorilla.net/

zoom1bis

Image Zoom

Image Zoom cette fonction est très simple, car elle permet simplement de zoomer sur n’importe quel image d’une page web. De quoi voir tout ca plus en détails…

Javascript Debugger : https://addons.mozilla.org/en-US/firefox/addon/216

visual-studio-javascript-debugging

JS Debugger

Comme son nom l’indique Javascript Debugger et un  add-on qui permet de débugger une page web au niveau du code javascript / Ajax.

Dummy Lipsum : https://addons.mozilla.org/en-US/firefox/addon/2064

dummy

Dummy Lipsum

Dummy Lipsum est un outil utile pour tout webdesigner en ce qui concerne le faux texte. C’est donc un générateur de mots avec plusieurs options (paragraphe, ponctuation…) vous permettant ainsi de remplir vos pages web et tester celle ci avec du texte.

CSS Validator : https://addons.mozilla.org/en-US/firefox/addon/2289

CSS Validator 2

CSS Validator

Dans la même ligné que HML Validator, CSS Validator celui permet de se pencher sur le code CSS et ainsi en connaitre les éventuelles erreurs, et permette également sa validation au normes duW3c.

Window Resizer: https://addons.mozilla.org/en-US/firefox/addon/1985

window-resizer

Window Resizer

Window Resizer est un outil, permettant le redimensionnement de la fenêtre de votre navigateur. De quoi voir si votre site web s’affiche correctement dans plusieurs résolutions !

No Script: https://addons.mozilla.org/en-US/firefox/addon/722

Firefox_NOSCRIPT

No Script

L’extension Noscript permet d’activer ou de désactiver le Javascript selon la page web. Un outil basé sur la sécurité, le blocage préventif basé sur une liste blanche, vous permet une navigation plus sur n’importe quel sites.

Adblock Plus: https://addons.mozilla.org/en-US/firefox/addon/1865

adblock_plus

Adblock Plus

Adblock plus est un utilitaire permettant de bloquer l’affichage  de tout les éléments d’une page web. De l’animation flash, à l’image en passant par les scripts c’est une fonction de sécurité fonctionnant également avec un liste blanche.

Yslow : https://addons.mozilla.org/en-US/firefox/addon/5369

yslow

Yslow

Yslow, un nouvel outil web qui permet de tester un total de 13 règles simples en relation avec la vitesse des sites web. Un add on basé sur la performance et l’affichage de chaque page, pour ainsi optimisé la navigation.

Font Finder : https://addons.mozilla.org/en-US/firefox/addon/4415

fontfinder

Font Finder

Font Finder est un outil, permettant la recherche de police sur une page web. Celui ci vous donne ainsi toutes les informations concernant la police utilisé sur la page en question ainsi que toutes ses caractérisques (weight, spacing, decoration…)

Greasemonkey : https://addons.mozilla.org/en-US/firefox/addon/748

greasemonkey

Greasemonkey

Un add on permettant d’agir sur la page web grâce aux différents scripts, il permet de modifier le comportement de pages Web en leur associant du code JavaScript (nommé « script ») dès lors que le navigateur visite une page concernée.

5 commentaires »

  1. avatar Spartan dit:

    Pas mal du tout cette liste ! 1 ou 2 qui pourrait bien m’être utiles ! Une courte description aurait été le pied.

  2. avatar lazy dit:

    Oui je comptais la faire, j’ai pas encore eu le temps ! :)

  3. avatar browser83 dit:

    bjr,
    merci lazy très intéressant ton post, j’ai une question hors sujet mais j’espère que quelqu’un peu m’aider, j’ai besoin de ce wysiwyg je cherche depuis longtemps et j’ai pas trouver des truc simple comme se luis la.
    merci

  4. avatar lazy dit:

    J’ai pas très bien compris ta question, de quel wysiwyg parles tu ? C’est un logiciel c’est ca ? Que tu aimerais retrouver ?

    Si c’est ca, il y a dreamweaver, Web Expert, Nvu / Composer, Amaya et bien d’autres.

    Si tu pouvais être plus précis sur ta question je pourrais te donner une réponse plus adéquate.
    ( je ne suis pas là durant la semaine, je suis en vacances, donc je pourrais que te répondre après ;) )

     

     

  5. avatar francis aeroport dit:

    merci sinon très bon article !

Flux RSS des commentaires de cet article. TrackBack URL

Laisser un commentaire