Lately, since Google has rolled out its new algorithm, I have been receiving a fair amount of emails and calls asking me to check their site to see if it is mobile friendly.
In my last post, I did provide Google’s mobile test site.
Today I thought I would show you how to do it yourself so that you can visually see what your site looks like in different devices.
When we talk about site mobility, we are referring to whether the site is responsive or not. I have written extensively on the subject, a few years back, when responsive web design was just coming into the market.
Now it is non-negotiable in order to get the word out. We are on the other side because mobility of information is not just here to stay but is becoming the primary way information is consumed.
That said I thought I would show you how to see your site quickly in different devices using a site that is a trick of our trade – respon.si .
Here is a sample of one of our financial planning sites that looks sharp in various devices.
If you click on the image you can zoom in and see the steps full-size in context.
Basically, the default device is the Iphone 320 x 480.
Here is a run down of the various devices, from mydevice.io .
This site actually will read your device, if you go to the homepage. But the above link provides a table of all popular devices on the market.
The column that matters there is the css column width.
If you match that to Respon.si, then you can predict what your site will look like in various devices.
Or you can just click through the Respon.si dropdown list of devices; and if you good in all of them, then you are good.
It’s your turn now.
Please let us know below if you have found other tools that have worked for you to check out your site in different devices.
Please feel free to reach out to us below, if you have any questions or comments.