Il ne vous est jamais arrivé d’avoir besoin de connaître rapidement la largeur ou la hauteur d’un bouton en pixel ? Si ? Moi j’en ai même connu qui mesuraient ces pixels avec des morceaux de papier sur l’écran. Véridique !!!

Les solutions

Je vais vous proposer trois solutions pour résoudre cet « épineux » problème.

Cool Ruler

• Gratuit
• Les mesures sont possibles en pixels, en pouces et en centimètres
• Création de plusieurs règles à la fois
• Mode horizontal et vertical
• Fonctionne sur Windows

Pixel Ruler

• Gratuit
• Les mesures sont en pixels (1300 pixels max)
• Mode horizontal et vertical
• Skins disponibles
• Fonctionne sur Windows

Web Developer : Extension Firefox

• Gratuit
• Les mesures sont en pixels
• Permet de mesurer également des surface (largeur, hauteur, position de début, position d’arrivée)
• Fonctionne sur Firefox uniquement, incompatible avec Flock (Windows & Linux)

Une fois l’extension installée et redémarrée, vous pourrez afficher cette barre d’outil (si ce n’est pas déjà le cas) via ‘Affichage’>’Barre d’outils’>’Barre d’outils Web Developer’. Ensuite, vous avez à votre disposition une multitude d’outils pour le développement web et parmi ceux-ci, vous pourrez trouver l’outil de mesure. Pour l’activer, cliquer sur ‘Divers’>’Afficher l’outil de mesure’.Vous pourrez alors mesurer ce qu’il vous plait sur l’écran, mais attention uniquement dans le navigateur, à la différence des deux outils précédents qui fonctionnent sur tout votre écran.

MeasureIt : Extension Firefox

• Gratuit
• Prise en main facile
• Permet de mesurer à la fois des distances et des surfaces
• Il manque par contre l’affichage des pixels sur les règles graduées. A l’heure actuelle, on est obligé plus ou moins de comptabiliser les grandes barres et les petites barres pour mesurer
• A suivre toutefois, car la liste des « future features » est assez longues (différentes unités, règlages, visibilité des objets, etc…)
• Fonctionne sur Firefox et Flock

Conclusion

Le choix de tel ou tel outil est une affaire de goût personnel. J’espère juste que ces outils vous auront apportés une solution à ce petit problème.