This year’s biggest Internet phrase has been ‘responsive websites’. In this blog I take a look at what responsive sites are and what they can do for you.

Responsive websites are designed to resize themselves depending on the width of the device they are being viewed on. This provides the user with an optimal experience of the website they are viewing.

How does ‘responsive’ work?

There are many ways to make responsive sites but the most common way is using advanced CSS3 and JavaScript to detect what size the browser is set to. Once the CSS / JavaScript has detected the width then the elements on the page will break down and position themselves into neat stacks so that the content is readable.

Benefits

The main benefit of making your site responsive is that its readership could greatly increase now that your site is viewable across all platforms.

Load times for mobile devices can be greatly increased as it is possible to disable or server up smaller images to these devices.

Designing Responsive sites

When you decide to build a responsive site it is key to design the layout of how the site will look on smaller screens. Without properly planning and designing the smaller layouts it could be easy to create a nonfunctional site that will be as useful as a full sized site on a mobile device.

Further reading

Good responsive websites