Google IO 2016 Coverage

Google introduces Resizer, an interactive web design tool

google_design_resizer_blueprint


The newly-announced Resizer by Google allows website creators to test how digital products respond across various screen sizes.

Google’s new tool is targeted at designers and developers, and the Resizer website works simply by inputting a URL and checking out how the page is displayed on a desktop screen, tablet screen and smartphone screen.

Resizer’s introduction page reads:

As designers and developers of digital products, one of our greatest challenges is figuring out how to serve the right UI to our users at the right time.

We’ve started to offer Material Design guidance around breakpoints, responsive grids, surface behaviors, and user interface patterns. Now with Resizer, we have a dynamic way to test out that guidance and help spur meaningful conversations between designers, developers, and stakeholders about responsive UI.”

Once a URL is entered into Google’s Resizer, the same website is displayed on the three example devices at once. Of course, it’s possible to click on one format and focus in on that one, but seeing all the screens at once serves as a great overview.

Precise screen resolutions and dimensions are displayed towards the top of the page, which gives a good sense of what the majority of website visitors will see when they click through.

Not every website visitor will have an ultra-wide desktop monitor, for example, which is what makes Resizer’s selection of modes so useful to flick through.

Ultimately, Resizer aims to make online creation that little bit easier, and we expect it to become an invaluable tool for website creators.

Resizer is free to try, so enter a URL and have a play around for yourself.

Source: Google Design


About the Author: Tom Morgan

After three years studying at the University of Winchester, Tom graduated with a journalism degree under his belt. A couple of work placements out in the real world at PC Advisor and the BBC taught him that journalism is pretty fun, and a couple of months later he joined the team at Phonecruncher, then signing up with TalkAndroid. Tom would be the first to admit he spends far too much time worrying about Arsenal FC results and watching strange videos on YouTube.


  • http://www.gensantos.com/ bariles

    No link?