Get In Touch
9th Floor, Atrium on 5th Building, 5th Street, Sandhurst, Sandton, 2196
Work Inquiries

Resizer: Google’s New Tool To Help Web Designers Test UI

The resizer is a interactive viewer launched by Google to assist web designers and developers test “how digital products respond to material design breakpoints across desktop, mobile, and tablet”.

With the pervasiveness of a myriad of devices, the challenge and responsibility of the 21st century web designer is to develop a product that is accessible to all users. To help address this arduous challenge, Google started off with the Material Design guidance, a “living document” which seeks to create the “principles of good design with the innovation and possibility of technology and science”.

There are no promises of meeting every single need, but a starting point to dealing with the problem. With the introduction of Google Resizer designers, developers and all involved in any web project can engage each other in real-time on responsive user interface.

With Resizer you can input a custom URL, or preview selected websites and demos. Using the action icons, you can view a site across Material Design breakpoints for desktop and mobile.

We used Resizer to test how our new website looks like on various device sizes. See results below:

480 x 480 Window XSmall

600 x 600 Window Small

840 x 840 Window Medium

1280 x 1280 Window Large

Dan is a Digital Strategist at - responsible for creating strategies to generate marketing leads for clients, utilizing a wide range of online marketing techniques including search; SEO and PPC. If he is not marketing, selling or analyzing data, he is playing soccer, cycling or traveling.

Leave a Reply

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

This website stores cookies on your computer. Cookie Policy