So now every one has or will be having a responsive layout. Or probably you are going to buy a responsive layout theme for your wordpress. So how do you test it before you buy it or probably after you buy it?

Here is the easiest way in 4 easy steps.

Step1: Go to http://www.benjaminkeen.com/misc/bricss/

Step2: Add or remove Device sizes. Make sure to choose all the targated devices size. If you have some special device which you want to target, just search for that device resolution on Google.

Step3: Click on GENERATE link and just add the link below as bookmark

Step 4: Now to generate the layouts for any website, just go to that website and click this new bookmark link. Thats it. It will generate the layouts.

 

 

Updated: 22/03/2013

Some more details can be found here: http://mobile.smashingmagazine.com/2013/03/21/responsive-web-design-with-physical-units/

SoftwareDeveloper, iot, CreativeTechnologist, MobileDev. Loves building stuffs