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

Leave a comment

Your email address will not be published.