What is a Responsive Website?

Von: rdhenker

23.Mai.2013

Kategorie: Uncategorized

Ein Kommentar

What is a responsive website design?

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.  It is adaptable and it is tailor made to increase aesthetics and style.

How does a responsive website design compare with a traditional “fixed” website, for example, a desktop computer? You might observe on the screen that it shows three columns. Now, if you viewed that same layout on a smaller tablet, it might force you to scroll horizontally and become very unfriendly, an annoyance users might object to. Perhaps all kinds of negative alterations can occur in the adjustment; some elements might be hidden from the user or elements could end up distorted in view.  The impact is also complicated by the fact that many tablets can be viewed either in portrait orientation, or turned sideways for landscape view.

In comparison, if a site uses responsive design, the tablet version might automatically adjust to display just two columns. The content is readable and should be easy to navigate, thus pleasing the user. On a smartphone, the content might appear as a single column, perhaps stacked vertically. Images will resize instead of distorting the layout or getting cut off. The point is: with responsive design, the website automatically adjusts based on the device the viewer sees it in. A responsive design that is flexible enough to be viewed on multiple devices just makes sense.

REFERENCES

http://johnpolacek.github.io/scrolldeck.js/decks/responsive/

http://smallbiztrends.com/2013/05/what-is-responsive-web-design.html

http://blog.teamtreehouse.com/beginners-guide-to-responsive-web-design

VIDEO:

Advertisements