Outils · Extensions de navigateur
Dimensions
Extension pour mesurer les éléments affichés à l’écran, distances et tailles en pixels.
Dimensions est une extension de navigateur qui mesure les distances entre les éléments d’une page web. Elle est l’œuvre de Felix Niklas, développeur installé à Berlin, et son code est ouvert et publié sur GitHub.
Elle mesure les écarts et les tailles en pixels entre des images, des champs de saisie, des boutons, des vidéos, du texte ou des icônes. En maintenant la touche Alt, on mesure une zone connectée. Dans Chrome, elle peut aussi mesurer des maquettes au format PNG ou JPEG. L’extension est disponible pour Firefox et pour Chrome.
Pour un·e graphiste ou un·e designer d’interfaces, elle sert à vérifier les espacements et les dimensions d’un site en ligne ou à comparer un site réalisé avec sa maquette, sans ouvrir les outils de développement. Elle mesure ce qui est affiché à l’écran et ne donne pas les valeurs définies dans le code.
Dans la même rubrique
-
axe DevTools
deque.com (site externe, nouvelle fenêtre)
Extension qui teste l’accessibilité d’une page web et signale les problèmes à corriger.
-
Button Stealer
chromewebstore.google.com (site externe, nouvelle fenêtre)
Extension Chrome qui capture les boutons des sites visités pour les collecter et s’en inspirer.
-
ColorZilla
colorzilla.com (site externe, nouvelle fenêtre)
Extension de navigateur avec pipette, sélecteur de couleurs et générateur de dégradés CSS.
-
CSS Peeper
csspeeper.com (site externe, nouvelle fenêtre)
Extension de navigateur qui extrait les styles, couleurs, polices et images d’un site en un clic.
-
SVG Gobbler
svggobbler.com (site externe, nouvelle fenêtre)
Extension de navigateur qui récupère les SVG d’une page pour les copier ou les télécharger.
-
WhatRuns
whatruns.com (site externe, nouvelle fenêtre)
Extension qui indique les technologies, polices et outils utilisés par un site web.