Responsive Inspector – Redécouvrez les media queries

Avec Responsive Inspector, Piotr Walczyszyn nous offre une belle innovation en matière d'outils d'inspection de code.

Cette extension Chrome en version beta permet de découvrir quelles media queries sont utilisées pour les sites Web que vous visitez.

Cet outil est très utile lorsque vous développez un nouveau projet car elle vous indique la valeur des min-width et max-width utilisées pour les media queries.

Vous pouvez directement resizer le navigateur pour chaque media querie à partir du panel de l’extension. Une option de capture d’écran est disponible pour obtenir un screenshot de la page entière et une visionneuse du code des media queries est également à portée de main.

Un outil complet pour se lancer sans trop d’appréhension dans le responsive Web design.

Découvrez la vidéo de démo et rendez-vous sur le Chrome Web Store pour tester directement cette extension.

Accédez au meilleur des interfaces directement depuis votre boîte mail

Pixels à explorer