Responsive web design

Sep 3, 2013 | General | admin

Responsive web design (RWD) is a web design concept aimed at crafting sites to provide optimal viewing experiences and optimised contents on all platforms

A site designed with RWD in mind adapts the layout to the viewing environment by using fluid, proportion-based grids, flexible images, and CSS3 media queries, an extension of the @media rule.

  • The fluid grid concept calls for page element sizing to be in relative units like percentages, rather than absolute units like pixels or points
  • Flexible images are also sized in relative units, so as to prevent them from displaying outside their containing element
  • Media queries allow the page to use different CSS style rules based on characteristics of the device the site is being displayed on, most commonly the width of the browser
  • Server-side components (RESS) in conjunction with client side ones such as media queries can produce faster-loading sites for access over cellular networks and also deliver richer functionality/useability

From Wikipedia, the free encyclopedia

Original article: http://en.wikipedia.org/wiki/Responsive_web_design