Responsive designs first appeared in 2010, coinciding with the rise of mobile internet use. Today, continuing to ignore tablet and smartphones is no longer an option. Mobile users now expect a browsing experience that doesn’t involve scrolling horizontally and zooming in and out to read content.
So what is a responsive web site? Simply put, a responsive site should adapt to the screen size of the browser and display the content in and easy-to-read manner. Perhaps the most important factor is enabling the visitor to read articles in the maximum available screen-width. For example, when using a touch screen, it’s often preferable to scroll in only one direction (say vertically) so the user doesn’t have to keep centering the text in the horizontal plane – which can often result in a frustrating experience.
There are a number of responsive frameworks currently available. Some well-respected options include:
Designs built with the Gumby Framework work great on desktop and mobile. Whether your choice is WordPress or a static HTML site, Gumby Framework is an ideal solution for a flexible, adaptable foundation offering a self-optimizing fluid-fixed layout for all resolutions. It’s Gumbylicious! We have WordPress themes built with Gumby that are Woo Commerce ready.
Google recommends webmasters follow the industry best practice of using responsive web design, namely serving the same HTML for all devices and using only CSS media queries to decide the rendering on each device.