Oct 7 2011
By Dave Hess
Browsing the web using a mobile device is expected to outpace desktop browsing within the next three to five years. This explosive level of growth is going to lead many to consider whether “mobile-friendly” is required to supplement their existing website. However, taking such a fragmented approach to the mobile movement could be prohibitively expensive. A mature, content management system-driven website represents a considerable investment. In addition to recreating content, be it blog posts, images or video, site managers now must face the prospective of managing all this content all over again in another instance of the website. Now content contributors have to post to the blog twice? Every content change has to be made in duplicate? This is an unwieldy approach to say the least.
What if the existing website could also be the “mobile-friendly” website? What if it could “respond” to each user and render appropriately based on browser type and screen size? This kind of website could serve all purposes. Using some of the techniques illustrated in Ethan Marcotte’s book, “Responsive Web Design,” such an end can be achieved.
Check out some of these examples of websites using a responsive design. To see them in action, try resizing your browser window and watch how the website layout changes (be sure to try them on your phone too!):