April 4th, 2013, 11:26 AM
|
|
Registered User
|
|
Join Date: Jan 2013
Posts: 3
Time spent in forums: 24 m 58 sec
Reputation Power: 0
|
|
|
Responsive Web Design change the look and feel of a web site based upon the screen-width of the device reading the site. (Or the width of the browser in question.)
It's starting to become main stream but very much still in its infancy (since it requires Cascading Stylesheet Standards that weren't adopted by the major browsers until recently).
A lot of major sites still don't use it. Some for fear of "leaving out" older browsers (though this can be avoided if you're diligent) and some for just not spending the time on it (yet).
Take, for instance, the Associated Press web site. (Due to my account being recent to these parts, you'll have to Google the URL since I can't make a post with a URL yet.)
It is not responsive. It is also not mobile friendly (if you go to the site on your phone you get the same as the desktop).
On the flip side, the CNN web site.
It will change to a mobile site if you visit on your phone. But - it's still not responsive because it's not basing the site delivered upon display resolution. It bases which site to send upon the headers the browser sends to the site.
A site that IS responsive is the "Always Riding" web site (alwaysriding_co_uk - where the underbars are dots)
Watch what happens as you narrow your browser. At some point (about 370px is common) the site will completely change. It does this without any more downloading because the change is entirely CSS based.
If you want to get started with making a responsive site, I recommend that you use a gridding system and it so happens I can recommend a good one...
Unsemantic-dot-com
Have fun!
|
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
