Responsive Design

What is Responsive Design?

You’ve been hearing about it a lot lately.  It’s another way of saying “Mobile-ready” design. It’s the method used to make sure your website functions and looks good on the small screen — the Apple or Android Smart Phone, or on the medium screen — the iPad or Android tablets.

The best way is to begin with a Responsive Theme or Template. Now all you have to do is make sure your web designer checks each page for responsivity of all blocks and  sections.

How does it work?

Responsive design provides easy navigation and the ability to read content across a wide range of devices, from desktop computers and laptops, to tablets and mobile phones. The details get kind of technical —

A good responsive design will adapt your page layout to the specific device by using propotional and relative dimensions and positioning, and special coding with “media queries.”  Sizing uses relative units like ems and percentages, rather than absolute units like pixels.

Responsive web design has become even more essential since the amount of mobile usage is now more than 60% of total internet traffic.

Finally, Google boosts the ratings of sites that are mobile-friendly when the search originates at a mobile device like your iPhone. This has the overall effect of search engines penalizing sites that are not mobile-friendly!