The Material Design Guidelines are considered a living document by Google’s designers and receive constant updates and new additions. To help with their recent guidelines on responsive UI, Google has released a web-based tool to see what a website looks like on various devices and at different resolutions.

While the responsive UI guidelines are geared at apps, they can also apply to design on the web, particularly web apps. Users can enter a URL into the Resizer tool or select from a list of pre-selected sites that have good implementations of responsive design. Next to the URL bar, users can select different device views. The default view displays a webpage on laptop, tablet, and smartphone screen side-by-side.

Going into a specific view, users can select a specific width to view the webpage, with various pre-selected resolutions. The website views are fully interactive and can be scrolled. The specific pages loaded up keeps users logged into whatever sites they may already be in. Developers who are working on password protected sites will find this feature particularly useful.

FTC: We use income earning auto affiliate links. More.

Check out 9to5Google on YouTube for more news:

You’re reading 9to5Google — experts who break news about Google and its surrounding ecosystem, day after day. Be sure to check out our homepage for all the latest news, and follow 9to5Google on Twitter, Facebook, and LinkedIn to stay in the loop. Don’t know where to start? Check out our exclusive stories, reviews, how-tos, and subscribe to our YouTube channel

About the Author

Abner Li

Editor-in-chief. Interested in the minutiae of Google and Alphabet. Tips/talk: