How to view website in different resolutions

One of the latest trends in Web Design and WordPress theming are Responsive Templates. In theory it means that the theme should adjust itself to different screen resolutions out of the box. Unfortunately it often doesn’t work in practice, so it is really important to check responsiveness of the theme we are buying. How to do it?

We can use services that perform website resolution test. One of the best tools to test resolutions is called Screenfly and is part of QuirkTools.

Screenfly - test website in different resolution
Screenfly – test website in different resolution

Usage of the Screenfly is very simple: you just enter your site’s URL address, press Go button and that’s it. You website is loaded into the testing area. There is set of icons at the top of the screen allowing you to change the current resolution. The options are:

  • Desktop – 9 different resolutions ranging from 1024 x 600 to 1920 x 1200
  • Tablets – 5 tablet resolutions (Kindle Fire, Kindle Fire HD 7”, Kindle Fire HD 8.9”, Google Nexus 7, Apple iPad 1-3/Mini)
  • Mobile – 9 mobile resolutions (Motorola RAZR V3m, Motorola RAZR V8, BlackBerry 8300, Apple iPhone 3 & 4, LG Optimus S, Samsung Galaxy SII, Asus Galaxy 7, Apple iPhone 5, Samsung Galaxy SIII)
  • Television – 3 TV resolutions (480p, 720p, 1080p)

If you need to test another resolution you can define your own screen dimensions using Custom setting. Other options available in Screenfly are Rotate Screen (very useful to test how website will look on mobile and tablet devices), Allow Scrolling and Use Proxy Server – this option tries to mimic selected device by sending specific string to your website (to make it think it is displayed on tablet).

This is all the functionality Screenfly has to offer, but it serves it’s purpose very well – using it we can quickly and easy test the Responsive Themes in wide range of most popular screen resolutions.

Test your website in different resolutions for FREE here!

5 Comments

Add a Comment