Responsive Design

Responsive design uses media queries to detect the client resolution and adjust to fill the display accordingly.

Ethan Marcotte introduced the concept of responsive design, whereby you craft a site using technologies that allow the site to adapt and respond to whatever device renders it. Responsive design embraces all devices and displays as part of a single user experience. The goal is to design for the entire user experience, not for disconnected designs aimed at different resolutions.

How does one design for this entire experience? Media queries.

Introduced in the CSS3 specification, media queries give designers the ability to modify how their sites display across resolutions, whether a small BlackBerry, a large 24” desktop monitor, a portrait view or a landscape view.

Reading :

  1. http://msdn.microsoft.com/en-us/magazine/hh912616.aspx
  2. http://msdn.microsoft.com/en-us/magazine/gg619395.aspx

 

 

 

 

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s