Responsive design – harnessing the power of media queries

[snakeair]

Check out this blog post on the Google blog.

We love data, and spend a lot of time monitoring the analytics on our websites. Any web developer doing the same will have noticed the increase in traffic from mobile devices of late. Over the past year we’ve seen many key sites garner a significant percentage of pageviews from smartphones and tablets. These represent large numbers of visitors, with sophisticated browsers which support the latest HTML, CSS, and JavaScript, but which also have limited screen space with widths as narrow as 320 pixels.

Our commitment to accessibility means we strive to provide a good browsing experience for all our users. We faced a stark choice between creating mobile specific websites, or adapting existing sites and new launches to render well on both desktop and mobile. Creating two sites would allow us to better target specific hardware, but maintaining a single shared site preserves a canonical URL, avoiding any complicated redirects, and simplifies the sharing of web addresses. With a mind towards maintainability we leant towards using the same pages for both, and started thinking about how we could fulfill the following guidelines:

Continued at: http://googlewebmastercentral.blogspot.com/

Any thoughts on the blog post?

[snakeair]

Here is another good blog post on responsive design.

Times have changed and so have our ways of accessing information via internet browsers. The Internet is no longer accessible on desktops/laptop browsers alone. It is evolving rapidly and now your website needs to accommodate mobile browsers accessible within mobile devices, such as smartphones and tablets. While desktop browsing still far exceeds by 2015, more U.S. Internet users will access the Internet through mobile devices than through PCs or other wireline devices. (More Mobile Internet Users Than Wireline Users in the U.S. by 2015, IDC, September 2011). Consequently, if you have a website, traffic to it will come increasingly from mobile browsers than from web browsers.

Is your website optimized for mobile devices, and how flexible is it to adapt to....

Continued at: http://www.searchenginepeople.com/bl...ve-design.html


Any thoughts on either blog post?

[madelinekim]

Responsive Design is good option. It works in way of internet page being constructed. Responsive web designs also enables for a website to be well prepared for the future.

[RedStamp.ca]

I love responsive design, however I've yet to see a quality ad placement solution that is responsive. Has anyone had any luck with that?

[duckz]

In reality is it worth the trouble to do responsive design?

I have coded several Drupal theme to do responsive design and usually it'll take on average 30% longer time to code responsive design properly. but do people actually use their mobile device (not iPad) to browse internet? coz it will cost website owner more money to have responsive design coded by developer and it sounds like a waste of money if it wasnt used at all.