Blog des Webmasters et Bloggueurs

Juil 09
24

Une liste de plugins Firefox pour Webmaster / Développeur

Toujours à la recherche d’outils intéressants pour vos développements, je vous fais part d’une liste de plugins que l’on utilise chez Devclic pour gérer Forum-Webmaster au quotidien.

Nous trouvons tout d’abord un plugin essentiel pour tout débugger, j’ai nommé Firebug.

firebug

Firebug est l’ami indispensable pour la création de sites internet, il permet d’inspecter son code HTML et ses feuilles de style CSS à la recherche d’erreurs potentielles. La fonction permettant de voir la taille du bloc est vraiment très utile puisqu’elle nous permet d’inspecter réellement chaque élément. Cette extension est une aide précieuse et vous permettra d’économiser énormément de temps.

Une fois le design du site fini, il faut tester l’intégration graphique du site. Pour cela, on utilise Colorzilla.

colorzilla-eyedropper1

Colorzilla est une extension toute simple et pourtant très complète. Elle vient se loger dans le coin inférieur gauche de votre navigateur. Un simple click suffit à l’activer. Ensuite, elle vous donnera le code RGB de n’importe quelle couleur se trouvant sous votre curseur. Cela fonctionne même pour les images !

En plus de vous donner la couleur, elle se permet de vous donner l’élément HTML sur lequel vous vous trouvez dans le but de vérifier que vous pointiez bien la bonne partie du site web.

Voilà notre site avec des couleurs bien intégrées.

Que se passe-t-il quand un utilisateur n’a pas Javascript d’activé sur son navigateur ? Pour cela, nous utiliseront la Web Developper Toolbar.

La Web Developper Toolbar s’intègre juste en dessous de votre barre de navigation Firefox. Elle permet d’activer et désactiver d’un simple clic tous les éléments de la page web. Javascript, Cookies, CSS, images, etc. Elle permet également de tester, toujours aussi simplement, le design de vos pages sur les principales résolutions des ordinateurs du marché. Autre fonction utile : la désactivation du cache de votre navigateur qui permet de vérifier que votre site est réellement conforme à votre code puisque tous les éléments sont rechargés / chargés, peu importe s’ils existent en cache.

Enfin, il faut optimiser son site pour qu’il puisse tenir au mieux la charge et être accessible le plus rapidement possible pour le confort de navigation de l’utilisateur. Dans ce but, une extension à Firebug, YSlow de Yahoo est nécessaire.

yslow

Tout aussi simple à utiliser que Firebug, elle se lance d’un simple clic et vous donne un résumé des différentes actions à effectuer (tel que l’emplacement des fichiers CSS et JavaScripts sur votre page web) pour optimiser au mieux le chargement de votre site.

firebug-result2

Smushit

smushit-extensionSmushit est une extension précieuse qui vous fera économise du poids sur vos images en enlevant tout ce qui est inutile. On arrive à obtenir des résultats assez impressionnants, de plus l’extension vous livre les images toutes préparées … que demander de plus ?

En espérant que ces plugins vous permettent d’économiser du précieux temps, de vous améliorer car en inspectant ce que le voisin fait … on peut aussi s’améliorer. Pour rappel, toutes ces extensions Firefox sont entièrement gratuites.

Bon développement et en cas de soucis, nous sommes là pour vous aider

Et vous qu’utilisez-vous en plus ?

Ils en parlent aussi : Korben

2 commentaires pour “Une liste de plugins Firefox pour Webmaster / Développeur”

  1. Swoosty dit :

    Bonjour à tous,

    Je ne penses pas être hors sujet en vous présentant l’extension que je viens juste de terminer, elle est plus en rapport avec le SEO mais je penses qu’elle peut intéressé du monde…
    Il s’agit de Swoosty SEO Tools, vous la trouverez avec une description ici https://addons.mozilla.org/fr/firefox/addon/14375
    Si vous apprèciez, n’hésitez pas à le faire savoir, merci.

     
  2. PunyPNG : un smushit like qui compresse vos images dit :

    […] sur vos hébergements limités en quantité de trafic. Pour ce faire, au même titre que Smushit, PunyPNG est un service de compression d’images en ligne qui est plus efficace que ses autres […]

     

Laisser un commentaire




Votre statut : Invité
Vous devez être membre pour participer.
 
 
 
 
 
 
 
 
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2019 - Tous droits réservés

creation site internet strasbourg