Nowadays, creating responsive website is a must. Nobody takes a serious look at websites that look awful from mobile devices or compact laptops. But how to make sure that our website looks good from all devices. Here are three solutions:
At http://quirktools.com/screenfly you can test how your website looks from all kinds of devices – Desktop computer, Notebook, Kindle Fire, Samsung Galaxy Tab, Apple iPhone 3, 4, 5 and etc. You can also type a custom screen size to test.
If for some reason you didn’t like the first tool, you can try CyberCrab – another responsive design testing tool.
Responsive Design View in Mozilla
Firefox implemented in their browser an option for testing our responsive layouts. The responsive design tool is convenient, because you can easily test your site from a desired resolution. To use the tool just open Mozilla Firefox and press the button combination CTRL + SHIFT + M.
You can find more information at the official Mozilla developers page – https://developer.mozilla.org/en-US/docs/Tools/Responsive_Design_View.
Resolution Test for Chrome
Finally you can check the Resolution Test addon for Chrome – https://chrome.google.com/webstore/detail/resolution-test/idhfcdbheobinplaamokffboaccidbal. It is an extension for developers to test web pages in different screen resolutions, with an option to define their own resolutions.