Response web design

Responsive Web Design (RWD) essentially indicates that a web site is crafted to use Cascading Style Sheets 3 media queries, an extension of the media rule, with fluid proportion-based grids (which use percentages and EMs instead of pixels), to adapt the layout to the viewing environment, and probably also use flexible images. As a result, users across a broad range of devices and browsers will have access to a single source of content, laid out so as to be easy to read and navigate with a minimum of resizing, panning, and scrolling.

Response web design multiple fluid Grid layout is a mixed approach fixed width for large and medium fluid width for small, Day by day; the number of devices, platforms, and browsers that need to work with your site grows. Responsive web design represents a fundamental shift in how we’ll build websites for the decade to come.

Instead of responding to today’s needs for a desktop Web version adapted to the most common screen resolution, along with a particular mobile version (often specific to a single mobile device), the idea is to approach the issue the other way around: use flexible and fluid layouts that adapt to almost any screen.

Core Concepts

Three key technical features are the heart of responsive Web design:

* Media queries and media query listeners
* A flexible grid-based layout that uses relative sizing
* Flexible images and media, through dynamic resizing or CSS

Things to Consider

Time & Money
Browser Support
Performance
Content
Website vs. Web App

“Stop Thinking in Pages. Start Thinking in Systems.” - Jeremy Keith