Responsive Web Design, 6th Feb 2013
Responsive Web Design
As you change the size of your browser window for this page, you’ll notice columns collapsing into single paragraphs or breaking into multiple columns. Images will reduce in size and grids of thumbnails will adjust themselves to comfortably fill a new screen size - or disappear altogether.
We like to think of it as a way of extending a website – taking it from desktop viewing to devices with different screen sizes. Interacting with a website on a smaller screen or with a touch device is a different experience. For example, it’s easy to scroll vertically on a smartphone because people typically use one hand. So we adapt the layout to reflect this - even though a modern smartphone could display the full website.
What they're not.
An answer for specific mobile or on the move functionality. Some businesses have customers with very specific needs, whether they’re sitting at their desk, on the sofa with a tablet or on the move using their smartphone. For example, a commuter is likely to be looking for a timetable or information about disruptions. In these cases it may be better to build a mobile or screen-specific website, or even a dedicated application.