06/21/12
Responsive Web Design

The Problem

With more and more internet users around the world using their mobiles and other portable devices to surf websites, designers and developers of these websites are no longer able to assume that what they create will be viewed specifically and exclusively on average resolution computer monitors.

The Solution

Web designer Ethan Marcotte has come up with the solution to this ever growing problem; Responsive Web Design. Whereas before web designers had to build separate sites for each mobile device, they are now able to build one single site that adapts itself to each of these devices. To read an explanation from the man himself, click here.

Owners of mobile devices expect to be able to access websites just as easily as they do on their PC or laptop and that is driving the demand for responsive web design.

responsive web design for a mobile phone

responsive web design for a standard resolution monitor

The images show an example of a responsively designed website theme. As you can see from the first picture on the right, this is the website as you would see it on your computer or laptop monitor. The second picture on the right is what the website would look like if it is accessed via a mobile device such as a phone or an internet browsing tablet. You can see this in action by looking at these examples on your PC and then resizing the browser window, or try looking at it on a tablet and turning it on it’s side.

Responsive Web design doesn’t only cater to devices with smaller screens as more and more people are browsing the web using widescreen TV’s and by developing the website in this way we can ensure that the usability and visitor experience is as good on a smart phone as it is on a 50 inch monitor.

One of the first key ideas of responsive web design is using something called a fluid grid. In the web design world, using a ‘liquid layout’ when creating a webpage that expands with the page hasn’t been as widespread as creating fixed width layouts. But in recent years, with the ever growing demand in the market for internet tablets, mobile devices and larger monitor screen resolutions there are more and more reasons why using fluid grids is not only easier, but also more beneficial.

In the not too distant future, maybe all websites will be created using responsive web design. You as a user can expect to see this method of web design more and more often, and next time you’re surfing on your tablet or mobile device, you’ll be able to see which websites are created using responsive web design and which are not!

If you would like to talk to us about creating a site for you that will cater for every device that modern technology can throw at it then give us a ring on 0843 289 0120 or send an email to info@landingnet.co.uk