Responsive Web Design - Web Design of the Future

What's the buzz about this Responsive Web Design suddenly? Okay, let me say something what I felt. First thing is, a website can be accessed from any kind of devices, say a PC, a Mac, a Linux, but now, a BlackBerry, an Android, or even a Nokia E5-00 (the one I have 😛).

Now the thing is there are a lot of devices capable of displaying websites as good as Firefox or Chrome on PC or Mac. So each one have a different form factor. So, using CSS alone, we have to make the change according to the form factor. That is called Responsive Web Design.

Many Web Development sites have given stuff about this, so lets take a look on it!

Something by A List Apart on Responsive Web Design...

The control which designers know in the print medium, and often desire in the web medium, is simply a function of the limitation of the printed page. We should embrace the fact that the web doesn’t have the same constraints, and design for this flexibility. But first, we must “accept the ebb and flow of things.”

John Allsopp, “A Dao of Web Design”

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.

See what they say here: #-Link-Snipped-#

Something by Sitepoint...

It all started with Responsive Web Design, an article by Ethan Marcotte on A List Apart. Essentially, the article proposed addressing the ever-changing landscape of devices, browsers, screen sizes and orientations by creating flexible, fluid and adaptive Websites. Instead of responding to today’s needs for a desktop web version adapted to the most common screen resolution, along with a particular mobile version (often specific to a single mobile device), the idea is to approach the issue the other way around: use flexible and fluid layouts that adapt to almost any screen.

Core Concepts

Three key technical features are at the heart of responsive web design:

• Media queries and media query listeners
• A flexible grid-based layout that uses relative sizing
• Flexible images and media, through dynamic resizing or CSS
• Truly responsive web design requires all three features to be implemented.

Inspirationfeed has given about #-Link-Snipped-#.

The Next Web has given about #-Link-Snipped-#.

There's a book, which has a foreword this way:

From mobile browsers to netbooks and tablets, users are visiting your sites from an increasing array of devices and browsers. Are your designs ready? Learn how to think beyond the desktop and craft beautiful designs that anticipate and respond to your users’ needs. Ethan Marcotte will explore CSS techniques and design principles, including fluid grids, flexible images, and media queries, demonstrating how you can deliver a quality experience to your users no matter how large (or small) their display.

Web Developers, share your views on Responsive Web Design here... 😀