Solved

Responsive Web Development/Designing

Posted on 2013-06-24
5
511 Views
Last Modified: 2013-06-26
If any one having any experience in RWD (responsive web development), we are already in the business of designing/developing/hosting and managing sites.

Would like to explore/understand and develop too using this new technique, as said by:
http://en.wikipedia.org/wiki/Responsive_web_design

Any help, assistance or guidance will be appreciated.

Thanks in advance.
0
Comment
Question by:mkhandba
  • 3
  • 2
5 Comments
 
LVL 58

Expert Comment

by:Gary
ID: 39272094
What is it you want to know/don't understand?
0
 

Author Comment

by:mkhandba
ID: 39272169
Simple stuff, how is it different then conventional design/development, e.g., a site developed like this: flyers4u.com ... how we can covert it to become responsive.
0
 
LVL 58

Expert Comment

by:Gary
ID: 39272250
There's many comparisons on the web, google it.
RWD is a design method whereby most of the content on your page is not set to a static state, that means removing all static layout widths and changing them to max-width/percentages of the width e.g. your content area might be set to a width of 80% with your sidebar having a static width of 200px to maintain the look of boxes.
Float all the elements of the page so as the browser gets smaller then these elements float down
Where the browser is not large enough to contain the whole page then you remove non essential elements
All this is done with media queries.

As for the referenced site - it would probably need a bit of a redesign as it does not lend itself to being adapted as it is to be a responsive site, mainly because of the header.
0
 

Author Comment

by:mkhandba
ID: 39272327
thanks GaryC123, but is it possible to direct to some thing like process of step by step, in order to educate/update, our designers/developer.

One question, is this related to designers or developer, who is responsible to correct/update/fix this ... and make is responsive.

Thanks for your help, highly appreciate, if can provide/direct to something step by step or process or complete architecture details ... kind of stuff.
0
 
LVL 58

Accepted Solution

by:
Gary earned 500 total points
ID: 39272339
http://www.hongkiat.com/blog/responsive-web-tutorials/
It's related to both - the designer has to make his design to look good and small and large screens.
The developer has to decide how the content should flow.
0

Featured Post

Maximize Your Threat Intelligence Reporting

Reporting is one of the most important and least talked about aspects of a world-class threat intelligence program. Here’s how to do it right.

Join & Write a Comment

The case of the missing phone talks about the way a small electronic gadget (the mobile phone) has penetrated into our lives and has made us addicted to it.
In this post we will learn how to connect and configure Android Device (Smartphone etc.) with Android Studio. After that we will run a simple Hello World Program.
This video is in connection to the article "The case of a missing mobile phone (https://www.experts-exchange.com/articles/28474/The-Case-of-a-Missing-Mobile-Phone.html)". It will help one to understand clearly the steps to track a lost android phone.
When you create an app prototype with Adobe XD, you can insert system screens -- sharing or Control Center, for example -- with just a few clicks. This video shows you how. You can take the full course on Experts Exchange at http://bit.ly/XDcourse.

706 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

20 Experts available now in Live!

Get 1:1 Help Now