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.

responsive-inspector-extension-chrome

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.

Par Guillaume Palayer Un chasseur-cueilleur et un curieux avant tout des dernières avancées du monde des Internets. Fondateur du Magazine du Webdesign, un blog-cerveau à propulsion humaine, ayant pour mission de faire le tri dans le bruit du Web afin de proposer les meilleurs contenus à la communauté du Magazine du Webdesign.

Inscrivez-vous à la newsletter du Magazine du Webdesign

Inscrivez-vous à notre newsletter afin de recevoir chaque mois une sélection des meilleurs articles et ressources.

Designmodo Shop

Commentaire (1)

  1. Ping : Responsive Inspector – Redécouvrez...

Laisser un commentaire

Yep, vous souhaitez poster un commentaire... complétez les trois champs ci-dessous. Pas de spams, protégeons les Internets.

*

You may use these HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

↑ Haut de page