
Google reveals Resizer, which is a new tool for website designers and developers to test how digital products respond across screen size variations. Google’s Resizer is aimed for designers and developers and the Resizer webpage works by simply inputting a URL and then by checking how the display appears on 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.”
After a URL is inputted into Google’s Resizer, the same website becomes visible on each example device simultaneously. Of course, it’s possible to click on one format and focus in on that one, but seeing all the screens at once serves a great overview. Developers and designers will view precise screen resolutions and dimensions as they appear at the top of the webpage. Resizer’s page display provides valuable insight into what consumers will see as they navigate through the webpages of developers and designers alike. Resizer takes in consideration that not every website visitor will have a ultra-wide desktop monitor, which is why Resizer’s selection modes are so useful. Resizer’s primary goal is to make online creation much easier and it is expected to become an invaluable tool for website creators.
Resizer is free to try, so enter a URL and have a play around for yourself.