By using Google Responsinator, it means that you’ll design your website to adapt to the user’s viewing environment (mobile, tablet, laptop, etc.). It does this through the use of media queries and other clever technology. Bearing in mind, even Ethan Marcotte wrote the original article about it and a pretty handy book.
In addition, Responsinator help website makers quickly get an indication of how their responsive site will look on the most popular devices. It does not precisely replicate how it will look, for accurate testing always test on the real devices.
In that case, I recommend using Chrome on OSX 10.7+ with scroll bars set to “when scrolling” (System Preferences › General › Show scroll bars › “when scrolling”). This means the device widths aren’t affected by scroll bars.
So, by all means, drag this Google Responsinator to your browser’s bookmark bar. And then, click it when you’re on a site you want to test (thanks to @pixelcellar for originally creating this).
What is Google Responsinator?
To enumerate, Google Responsinator is a dead-simple tool for viewing a web page in all of the most popular screen sizes all at once. Allowing you to rapidly test your responsive website design.
Made all possible by Tama Pugsley and Andy Hovey, they both work at Batch. And if you’ll find the Responsinator Bookmark Addon handy, then you could buy them a beer. Nevertheless, since they’re hosted on Linode.com, you can Sign Up to Get $20.
Some might consider this wasted effort and argue that it increases costs. But, think in terms of increased interaction (which could be the difference between a user). Purchasing an item from your website. Or not then it becomes obvious how this can be of benefit.
By all means, it used to be that researching, whereas designing and building a website was seen by many businesses as a one-off project with a set budget and delivered in a set time.
But, times have changed however and more and more businesses are waking up to the fact that the initial website design is just the beginning. And, in fact, according to Google Responsinator, it should be constantly evolving. To suit the needs of those using the website.
- Website Design From Scratch Step By Step Guide
- Full Stack Web Developer: 5 Essential Skills For Beginners
- Google Search Console | Improve Your Rankings & CTR
- Website Monetization Beginners Guide For Webmasters
- SEO Analysis Tools | 10 Best for Every New Webmaster
Read also more about Am I Responsive? or even Business Website Best Tools | Everything you Should know