Outils · Extensions de navigateur
CSS Peeper
Extension de navigateur qui extrait les styles, couleurs, polices et images d’un site en un clic.
CSS Peeper est une extension du navigateur Chrome qui permet d’inspecter les styles d’un site en pointant un élément. Le site annonce plus de 500 000 utilisateurs.
Elle affiche les propriétés CSS d’un élément, relève les couleurs avec la possibilité d’exporter des palettes, liste les polices utilisées, indique le contraste pour l’accessibilité et extrait les images et autres ressources d’une page. L’extension est proposée gratuitement, et le site publie aussi une documentation, un blog et une page de tarifs.
Pour un·e graphiste ou un·e designer web, elle sert à analyser la mise en forme d’un site de référence, à relever une palette ou une typographie et à récupérer les ressources d’une page sans ouvrir les outils de développement du navigateur. Elle ne fonctionne que sous Chrome, et les éléments récupérés restent soumis aux droits de leurs auteurs.
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.
-
Dimensions
felixniklas.com (site externe, nouvelle fenêtre)
Extension pour mesurer les éléments affichés à l’écran, distances et tailles en pixels.
-
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.