Responsive web design

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.

26 AugTo 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.“

31 JulAn 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.