What's New

So, you want a sparkly new website right? You want it to work on your desktop obviously. And the laptop you use at home. And it’d be great if it looked the same on the netbook you tap away at on the train. And you’ve just got one of those fancy tablet things as well, so it’ll need to work on that. Oh, and your mobile, naturally. Your TV has internet browsing? So does your games console...

As web designers and developers, we’re used to change. We’ve long had to worry about intangibles that few other mediums would for years. Variable window sizes, screen resolutions, user preferences are just a few. And please, nobody dare mention IE6. Every couple of years we experience a new paradigm of thinking – and we adapt. But even in this industry, things are moving fast, very fast.

Over in Las Vegas this week at the Consumer Electronics Show, dozens of devices have been proudly displayed to the world for the first time, from mobiles to tablets to televisions. Devices of all different sizes and many which can be viewed both landscape and portrait.

The rapid influx of new browsing devices means that we are now at a point where it is impractical, both financially and otherwise, to try and keep up.

Thankfully, there is an alternative to supporting each and every user agent by creating bespoke versions of each and every website.

Responsive design is perfectly suited to the multi-platform world that we now find ourselves in. Simply put, responsive design is flexible, device independent design for the web. Even more simply put, the web content that you’re viewing will adjust itself to the size of the screen you’re browsing on. 

The primary appeal is to build a website which can look great on both your mobile and laptop, without having to create a mobile specific version. The size of the window is the key, not the device being used to view it. 10 years ago the notion of a 24” monitor being common place would have seemed almost unreal. Responsive design also allows us to go BIG. Banishing the ungainly white space which sits on either side of the web content and increasing the size of images and videos would dramatically change the user experience.

There are all sorts of clever tricks and tools that can be used by delivering media queries to enhance the user experience as well. On smaller screens or touch devices the ‘hit area’ of a link could be increased and typography can be spaced differently to improve legibility and much more. 

Responsive design is a technical mixture of fluid layouts, flexible images and media queries. Tackled from a design perspective, more than ever, the way in which content could be viewed is of huge importance and the way that content translates from one device to another is crucial to the success of a project. 

And for once, it really just might be about making the logo bigger.