Skip to main content

The Guardian newspaper website goes responsive

The Guardian is a UK newspaper but is keen to expand its international audience through digital innovation. Over the last few years it's been at the forefront of the transformation from old to new media, with its website becoming one of the top five newspaper websites in the world. And now the media company has given its mobile website a responsive web design. Want to design your own site? Try our list of the best website builders.

Technical innovations

A major technical plank of the redesign is 'swimlaning'; the process of structuring a web application in such a way that if one part of it fails, the rest of the app carries on as normal - decoupling unrelated parts so that they can be released and updated independently.

The development team used Scala framework Play to power the new website, citing the flexibility and power of Scala over its internal predecessor, Java. Using the Guardian's own Open Platform Content API meant that they'll never have to write a database query - all the code communicates with the API to receive its data.

Client side

On the client-side, the app is heavily structured around the AMD JavaScript pattern, with use of RequireJS to load distinct modules which are then combined together at build time. CSS is organised according to Jonathan Snook's SMACSS standards and the site also makes use of Pasteup, the Guardian's in-house style guide and baseline CSS library, to manage some of the styling.

Try it out by heading to - or users accessing on mobile phones and tablets up to 7in will automatically be redirected to the mobile optimised site. And for more details on the build, check out this article and interview on our sister site

What do you think of the Guardian's new mobile site? Tell us in the comments section below!

Now read: