Responsive web design

A comparison between responsive web design and a little black dress

Adaptive web design, mobile web design

Simply put, Responsive Web Design is like a little black dress – no matter what the occasion is, it will always look great.

But seriously, when a website is responsive it means that the layout will respond to the screen size it is being displayed upon. So on a large desktop screen the layout of a website will usually have several columns and the content will be laid out in various blocks. If you look at the same website on a mobile device the layout will “respond” to show all the content in a single column, without the loss of content or the need for a separate website.

Adaptive web design and responsive web design are mostly the same. The difference between them lies in the grid (structure) they use. A responsive layout uses a fluid grid that flows with the width of the window. An adaptive layout will have fixed points in its structure where the layout adapts tothe window width.

Mobile web design refers to design for mobile devices. This might include responsive and adaptive web design, but not always.

2 comments

Recent web pickings RSS

  • CSS is a designer’s medium The best argument I have read in favour of designers needing to know how to code.
  • To hell with bad browsers An old article, but with a good line. Still true. “Most users can upgrade their browsers far more easily than people with disabilities can upgrade their eyes, ears, or limbs.
  • An Alphabet of Accessibility Issues “At any given moment, we could be juggling multiple tasks that take an eye or an ear or a finger away. We could be exhausted or sick or stressed. Our need for an accessible web might last a minute, an hour, a day, or the rest of our lives. We never know.” – Anne Gibson.
  • Web Accessibility Checklist A beginner’s guide to web accessibility
  • Designer Duds: Losing Our Seat at the Table A very well documented article about why design must deliver results.

Web pickings archive