Check out these sites for cool testing tools to see the way your site looks on various form-factors or resolution sizes. The right way to think about responsive design is not to think about devices such as: iPhone, iPad, laptop, desktop, etc. … but to think of logical breakpoints in resolution and content priority…That said, one must be aware of common breakpoints and resolutions of popular devices;-) But since resolutions will constantly change from year to year and device to device, it’s fair to assume your website will need to work on tiny devices (Think: Google Glasses at super high resolution and tiny form-factor) and huge devices (Think: Corporate presentation and turning a website into a massive promotion tool that can be projected on a building)….The web will deliver all content. Browsers will continue to improve dramatically (bye bye heavy clients and apps)…The world will change faster and faster and a company will not be able to maintain multiple code-bases for different devices/resolutions/form-factors…You will need to always think about this in a fluid-future-proof manner. To me the biggest opportunity is making one’s website adapt to, and take advantage of, massive screens and resolutions…Facebook is probably doing one of the best jobs of taking advantage of the extra real estate on monitors…Advertising should do the same…
Check out these tools (Note: not all tools work perfectly as some dynamic/responsive sites use various technology to ‘sniff’ resolutions):
Build One Thing. Maintain One Thing. Think About One UX.
Oh, and the WordPress community is really charging forward in this respect, including BuddyPress…It’s quite impressive that one can buy responsive themes for less than $50!
