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