23rd November 2012

Responsive Websites

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.


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