Mesurer les éléments d’un site avec Tape pour Chrome

L’extension Tape pour Chrome est un outil de développement de sites web permettant de poser des guides qui se fixent intelligemment au contenu de la page. Il ne se contente pas d’indiquer le nombre de pixels occupés par un élément, mais permet également de déterminer la distance entre les différents composants de la page.

Une fois l’extension installée, vous disposez d’un bouton à côté de la barre d’adresse pour l’activer sur la page en cours de visite. Toutes les fonctions sont accessibles uniquement depuis des raccourcis clavier. La liste des fonctions disponibles est rappelée dans une imposante fenêtre que vous pouvez heureusement masquer en appuyant sur la touche [espace].

Pour mesurer les éléments du site, vous ajoutez de multiples repères horizontaux (touche [H]) et verticaux (touche [V]) en vous aidant, si vous le souhaitez, de l’option d’accrochage automatique qui s’active et se désactive via la touche [S]. L’extension désactive le contenu de la page de telle sorte que vous ne risquez pas de cliquer accidentellement sur un lien ou un élément de menu de celle-ci. La touche [P] permet toutefois de réactiver la page, ce qui permet par exemple d’ouvrir un menu déroulant pour en mesurer les éléments. Appuyez à nouveau sur [P] pour re-désactiver la page.

L’outil dispose également d’une loupe (touche [L]) et permet de redéfinir l’origine (touche [O]).

Tant que vous ne quittez pas la page, Tape conserve les repères qui ont été créés, même si vous fermez l’extension (touche [Echap]) puis l’ouvrez à nouveau. La touche [X] permet toutefois de réinitialiser l’extension en effaçant l’ensemble des repères existants.

Tape est efficace et précis, mais le petit plus de cette extension par rapport à d’autres outils du même genre, c’est la désactivation des fonctions de la page visitée. L’outil mérite sincèrement d’être testé par ceux qui utilisent Chrome et sont concernés par le design des sites web.

 LIEN Tape