Inspect media queries in any site by Responsive Inspector

If you are an RWD (Responsive Web Design) developer this Responsive Inspector is one of the best tool I came across to inspect the media queries. If you are dealing with media queries daily and test your website in various resolutions and grabbing the snapshot etc. then Responsive Inspector will actually do your job very simple and easy.

Responsive Inspector extension for the Google Chrome
Responsive Inspector extension for the Google Chrome

Switching between different resolutions min-width or max-width you set in your media queries specified in CSS stylesheets and quickly looking at the CSS you wrote for those particular media queries, taking a snapshot in any resolution etc. is all possible with this cool tiny Google Chrome extension, which is still in beta so giving feedback to the developers would always help them to bring the best RWD tool for you.

The following are few features about this tool:
– Pixel perfect browser resizing to any resolution
– Taking and saving whole page screenshots
– CSS media query code viewing
– Sharing your responsive web design layout on service as Work In Progress

So download Responsive Inspector Google Chrome extension and test your RWD layout. This tool was developed b Piotr and Filip Ɓysyszyn from Adobe and a great UI/UX designers.

Published by Sravan Kumar

A Creative Web Designer, Developer, User Interface and User Experience Expert.

Leave a comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Thank you for sharing the article across social media. You can follow us in these paltforms to receive latest updates from WittySparks.

Send this to a friend