After talking so much all about the Responsive web design and giving you so much articles now we gonna start the basic demonstration of Responsive web design and we gonna make it happen right now!
here’s the screen resolution of various gadget that exist now :
If still confused what I’m talking about, just easily click at the following demonstration link, and then re-size your browser horizontally. thoughtful
here’s the screenshot :
Hey guys,after so much talk about the introduction and all of the main strategies about Responsive web design, I bet some of you still want more of the ideas and articles for your knowledge right? So here you go some of other articles that you can learn from.
This in-depth overview of responsive web design over on Smashing Magazine is probably the best place to go to get the basics on what responsive web design is and how it can be used. The post talks about the theory, gives plenty of handy code samples and lists a useful showcase of responsive web design.
One of the first mobile browsers to try to tackle the screen size and bandwidth issues of smaller screened mobile devices was Opera Mini. If you have a suitable device I suggest downloading this application now so you can try it out on a few sites. You’ll quickly notice it attempts to optimize the site by stripping out much of the layout and presenting the content in one scrollable column of information. It’s not easy for this sort of automated browser to correctly understand the objectives of the designer of the full screen site and often too many sidebar items end up ahead of the content and the loss of design elements makes the site practical but very visually unappealing. This kind of problem solving is a symptom of a failure of design to keep up with technology rather than a view of the future of mobile web browsers.
The beauty of these techniques (some useful links exploring actual code and discussion are at the end of this article) is that they accommodate all the intermediate screen sizes as well. A good responsive content designer understands that a Netbook or Tablet user will want most of the features of a full sized PC user (such as a sidebar alongside content) but perhaps the two sidebar layout of the main full sized site needs to be adjusted into a one sidebar format.
Responsive Web Design also known as RWD is a recent breakthrough that now so many discussed among website designers. Responsive Web Design actually was not a new technology because the technology is already being discussed about 2 years ago but the development is increasing rapidly now.
When we design a website is usually the point of view of our site will be opened by using a PC or Notebook with a large and comfortable screen. So many devices and gadget that was invented and developed recently such as Tablet PC, Mobile, and Smart phone makes Internet sites can be accessed through the equipment is not only through PC only. The result is a less comfortable look of the site (usually the display is too small, and marked with a zooming button on the browser) or sometimes even fall apart because of the size of the monitor device to adjust the narrow and small.
RWD is a website designing concept in order to customize the look and the design of the screen resolution device / gadget that access the site/page, so that their contents convenient to see and read. Not just a website designing but it really automatically adjusts the zoom depending on the device that we use both for the placement of its content or layout and image supporters. We have seen that the width of your monitor or laptop PC is wider than the tablet PC and the Tablet PC is wider than the cell phone or smart phone, so if we access the same site will produces a different look because of the theme or layout of the site that are not responsive for devices that access it. RWD Technologies is actually utilizing the latest technology from HTML5 and CSS3 also has so many designing features for a website.
