Modern Web Engineerinng

[munem15-4873]

The Concept of Responsive Web Design

Ethan Marcotte wrote an introductory article about the approach,
"Responsive Web Design," for A List Apart. It stems from the notion of
responsive architectural design, whereby a room or space automatically
adjusts to the number and flow of people within it:
"Recently, an emergent discipline called "responsive architecture" has
begun asking how physical spaces can respond to the presence of people
passing through them. Through a combination of embedded robotics and
tensile materials, architects are experimenting with art installations and
wall structures that bend, flex, and expand as crowds approach them.
Motion sensors can be paired with climate control systems to adjust a
room's temperature and ambient lighting as it fills with people.
Companies have already produced "smart glass technology" that can
automatically become opaque when a room's occupants reach a certain
density threshold, giving them an additional layer of privacy."
Transplant this discipline onto Web design, and we have a similar yet whole
new idea. Why should we create a custom Web design for each group of
users; after all, architects don't design another building for each group size
and type that passes through it? Like responsive architecture, Web design
should automatically adjust. It shouldn't require countless custom-made
solutions for each new category of users.

Obviously, we can't use motion sensors and robotics to accomplish this the
way a building would. Responsive Web design requires a more abstract way
of thinking. However, some ideas are already being practiced: fluid layouts,
media queries and scripts that can reformat Web pages and mark-up
effortlessly (or automatically).
But responsive Web design is not only about adjustable screen resolutions
and automatically resizable images, but rather about a whole new way of
thinking about design. Let's talk about all of these features, plus additional
ideas in the making.

Source: Smashing eBook􁴹Modern Web Design and Development 􁴹