Responsive Web Design

[HTMLBasicTutor]

Rather than tailoring disconnected designs to each of an ever-increasing number of web devices, we can treat them as facets of the same experience. We can design for an optimal viewing experience, but embed standards-based technologies into our designs to make them not only more flexible, but more adaptive to the media that renders them. In short, we need to practice responsive web design.
...
Fluid grids, flexible images, and media queries are the three technical ingredients for responsive web design, but it also requires a different way of thinking. Rather than quarantining our content into disparate, device-specific experiences, we can use media queries to progressively enhance our work within different viewing contexts. That's not to say there isn't a business case for separate sites geared toward specific devices; for example, if the user goals for your mobile site are more limited in scope than its desktop equivalent, then serving different content to each might be the best approach.

But that kind of design thinking doesn't need to be our default. Now more than ever, we're designing work meant to be viewed along a gradient of different experiences. Responsive web design offers us a way forward, finally allowing us to "design for the ebb and flow of things."

Responsive Web Design

Read the whole article then come back to discuss the article and the techniques discussed.

[HTMLBasicTutor]

Popular subject today here is another article from Sitepoint:

What’s responsive web design? It’s a relatively new technique, first described in mid-2010 by Ethan Marcotte in his A List Apart article of the same name. Put simply, it involves providing a number of site layouts adapted to various screen widths, and then serving those layouts accordingly thanks to the use of CSS3 media queries.

Responsive Web Design with HTML5 and the Less Framework 3

The A List Apart article they are referring to is in the first post in this thread.

[HTMLBasicTutor]

Boy, this is really popular today! From ThinkVitamin:

Responsive Web Design (or RWD for short) is the application of CSS3 media queries to make the same HTML work for a wide variety of screen resolutions.

In many cases (not all) this is a great way to mobilize content, because it's far more effective than compartmentalizing the problem and making device-specific experiences. With an ever broadening spectrum of screen resolutions, treating the web medium like a static magazine spread is no longer sustainable. It never was.

The Untapped Potential of Responsive Web Design

[HTMLBasicTutor]

Smashing Magazine had to get in on the subject too today: Responsive Web Design: What It Is and How To Use It

[kelvinstone]

Really great article. You have covered lots of topic related to web design. Nice Post.

[Gants]

wonderful article, with good information, looking for more updates.

keep up the good work dude.