Responsive Web Design


Responsive web design describes a web site’s ability to change it’s layout based on the screen size of the device viewing it (mobile phone, tablet pc or computer screen). It is considered an essential component of any modern website and certainly puts you at a disadvantage to large slice of the pie if you neglect either mobile or home computers in your site design. That said there are are huge number of websites that do not have responsive design and it may take a few more years yet before the majority of sites are actually up-to-date with the technology.  Its something you need to think about when deciding to create a new website or upgrading an existing website.

How do I get a responsive website ?

Speak to your web developer about it, they will know what it is for sure.  You can help your developer by doing some sketches of how you would like your website data displayed at different screen resolutions.   Here is an example of a responsive website (as you resize the browser window take note of how the screen layout changes to optimize the viewing experience at each screen resolution. ( Click Here ).

How can I build a responsive website myself ?

If you are savy with web programming languages (html, javascript, php or other).  You may wish to implement responsive design yourself.   The easiest way to do this is to make use of a 3rd party “framework”  there are plenty about and most of them are fairly easy to use.   Twitter Bootstrap is my personal favourite.   Also take a look at  (  Foundation, Skeleton, Less Framework, Unsemantic, GroundworkCSS )

 What happens if I don’t have a responsive website ?

The frustration people have with viewing a “non responsive” website on a mobile phone is that you have to zoom and slide left and right constantly to be able to read the small font.    We’ve all had that issue before and the comparison to a “responsive” website is dramatic, you simply slide up and down the screen to read a font size that is comfortable and clear.   Menus are easy to click on and the layout ( including images ) are possible to view and interact with without zooming.   Not having a responsive website layout puts you at a risk of your potential customers closing your website because it is too difficult to navigate or read on one particular platform.   This will effect some people more than others, but is an annoyance that can be fixed if you plan your website design to be responsive from the get go.

Wordpress Template Developed by Matthew Aldous