Le top des Plugins Firefox pour l’Intégrateur Html

Vous êtes intégrateur html ? vous souhaitez réaliser au mieux une intégration web ? Ou vous simplifier la vie avec des outils indispensables ? Je vais aujourd’hui, vous livrez la panoplie de Plugins Firefox que j’utilise au quotidien dans mon métier d’intégrateur html.

Firebug

Bien que les navigateurs récents possèdent un inspecteur d’éléments, je trouve que Firebug reste un outil indispensable à l’intégration web. Avec Firebug, sélectionnez n’importe quel élément de votre site internet directement avec le curseur (html, body, div, span…) et analysez en live les propriétés qui lui sont liés (autant les styles en dur dans le code, que les éléments provenant de différentes feuilles de styles). Le top du top, c’est de pouvoir supprimer des balises html directement en live et de modifier, ajouter, supprimer des styles Css pour avoir un rendu immédiat.

PageSpeed

Pas indispensable mais pratique pour l’optimisation, PageSpeed analyse n’importe quel page de votre site internet et vous donne un « Page Speed Score » vous permettant de savoir ce qu’il peut être améliorer pour gagner en performance sur votre site internet :
Réduction de la taille des requêtes, images à l’échelle, css…

Web Developer

Le plugin complémentaire à Firebug  pour ton bon intégrateur web qui se respecte !
Il vous rendra la vie plus facile avec des modules pratiques tel que :
– La désactivation des styles css afin de voir la structure HTML de votre document et comment Google perçoit votre site.
– La gestion de vos images avec l’affichage des url de vos images, des balises alt…
– Pour avoir un aperçu rapide d’éléments spécifiques comme par exemple les balises h1, h2, h3…
– Pour redimensionner votre navigateur à une résolution d’écran spécifique.
– Et des raccourcis pour valider directement votre site W3C.

ColorZilla

Outil permettant de sélectionner une couleur à l’aide d’une pipette directement sur une page et qui l’enregistre directement en couleur hexadécimal.

MeasureIt

Un Outil pratique pour mesurer à la volée des dimensions en pixel sur une page web.

User Agent Switcher

Plus destiné à l’intégration mobile et intégration tablette, User Agent Switcher comme son nom l’indique permet de simuler par exemple le comportement d’une tablette Ipad, Iphone ou Android (la liste est très longue) sur votre navigateur.

 

Voila, j’espère que ces quelques outils vous seront d’une aide précieuse !