Web Application: Responsive Web Design(RWD)

11/22/2015

Source:

http://smallbiztrends.com/2013/05/what-is-responsive-web-design.html
Responsive Web design is an approach whereby a designer creates a Web page that “responds to” or resizes itself depending on the type of device it is being seen through. That could be an oversized desktop computer monitor, a laptop, a 10-inch tablet, a 7-inch tablet, or a 4-inch smartphone screen.

responsive web design

How Does Responsive Web Design Work?

Responsive sites use fluid grids. All page elements are sized by proportion, rather than pixels. So if you have three columns, you wouldn’t say exactly how wide each should be, but rather how wide they should be in relation to the other columns. Column 1 should take up half the page, column 2 should take up 30%, and column 3 should take up 20%, for instance.
Media such as images is also resized relatively. That way an image can stay within its column or relative design element.

Source:

http://johnpolacek.github.io/scrolldeck.js/decks/responsive/
- “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.” - Jeffrey Veen

Responsive Web Design???

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