Responsive DesignAdd to My Brief

Eddie Gallagher | 22/11/2011

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

tags: Web Design

Interested in learning more?

Wiliam is a leading supplier of web solutions and can provide expert advice to assist your business or organisation online.

Make enquiry   Request quotation

Comments

YDafzhGwVDXbw

Your website has to be the eletrconic Swiss army knife for this topic.

Roxanna

Comments

Share this page

Print this page Email this page to a friend Bookmark and Share

No Brief added yet.

My Brief results-driven approach emphasises a commitment to our clients needs through strategic analysis and best-practice.

Add to My Brief

Click on this icon to save item into My Brief. Retrieve, email and print

Drag & Drop

Drag & drop any iten with this icon into My Brief. Retrieve, email and print

Search Blogs