Tags : Web Design

Responsive Design

Tags : Web Design

Responsive Design; a brief Overview

From mobile browsers to Netbooks and tablets, users are visiting your sites from an increasing array of devices and browsers.  Increasingly web designers have to think beyond the limitations of the desktop and deliver sites that are able to adapt gracefully to whatever media is being used to view it. 

There are a couple of names for this new(ish) design approach, but the favoured buzz word that’s circulating within the industry refers to this approach as ‘Responsive Design’. 

Basically, this approach is achieved through the creation of a fluid grid design, adding styles that target different screen widths using CSS3 media queries. This approach allows you to show a single-column view to smaller screens and scale up the number of columns as the screen width increases. Along with the columns, images can also be scaled using flexible image techniques. Thus you keep the content the same and no longer need to show mobile users different sites.

Benefits of Responsive Design:

  • No need for multiple sites for multiple devices
  • Only one site to maintain
  • Cheaper; design once
  • Scalable