Responsive Web Design

Mobile Websites - Wida Gloucester

"Responsive design is Google’s recommended design pattern"

When Google comes out and makes this call, you should stand up and take notice. With the ever increasing circle of traffic coming from mobile and tablet devices (and even 'phablets') it is imperative to ensure that your new website is built in the correct way.

Every website that we build, by default, is built following the responsive design protocol and using the latest mark-up; HTML5 and CSS3.

How does it work ?

Traditionally, websites were built with fixed positioning and size values (eg: a fixed font size or a fixed image width). For responsive, the code is not only relative but primarily configured in percentages which removes definitive values and replaces them with values that can scale easily.

Further to the actual way in which the website is coded, you also consider the layout break points required for certain device size parameters. For example, a desktop website might have 4 products in a row but as you scale the device down, you create a 'break point' which wraps the 4 products into 2 rows of 2 products. This methodology is applied to every part of the website architecture to ensure optimal content delivery.

Some Examples:

Below are some of the most recent website builds utilising this new methodology and technology. You can use your website browser to emulate a mobile view by using the 'restore down' feature in the top right and then grabbing the bottom right corner of the browser to move the size around. You can, of course, just view these on a mobile device.

Shortlands

Wessex Fixings

Shades of Comfort

Acton Haigh Property

Bathroom and Kitchen Solutions

Formrite-sheetmetal

This Partners

Call us today if you're interested in mobile, responsive design.