L’inspecteur est sans aucun doute une fonctionnalité incontournable de nos navigateurs. Pour autant, analyser le style d’un site peut parfois s’apparenter à une véritable expédition et peut prendre un temps fou (et chez Yellow Yellow, on aime pas bien perdre notre temps inutilement !). Si vous ne la connaissez pas encore, l’extension CSS Peeper est faite pour vous et vous ne pourrez plus vous en passer après l’avoir essayée ! Une vraie petite merveille : esthétique, simple d’utilisation et hyper pratique, vous gagnez en efficacité en inspectant le CSS de vos pages web immédiatement juste en effectuant un simple clic !
Comment ça marche ?
1/ Rendez-vous sur le Web Store de votre navigateur Chrome pour télécharger l’extension, genre ici : Chrome Web Store. Une fois installée, CSS Peeper vient se greffer sur votre navigateur, vous retrouverez en haut à droite, dans la barre d’outils de votre navigateur, l’icône de l’extension.
2/ Rendez-vous sur votre blog préféré www.yellow-yellow.fr puis cliquez sur l’icône du plugin. Vous verrez une petite fenêtre s’ouvrir sur votre droite, juste en-dessous de l’icône. En déplaçant votre souris, vous verrez apparaître des pointillés rouge au-dessus des zones que vous survolez sur le blog. Cliquez et hop ! Vous verrez apparaître dans la dîte fenêtre toutes les informations CSS utiles relatives à la zone sur laquelle vous avez cliqué. C’est cool hein ?!
Pour en savoir plus, je vous invite a visiter le site du plugin ! Ici : www.csspeeper.com