Solved

Responsive Web Development/Designing

Posted on 2013-06-24
5
513 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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Short answer to this question: there is no effective WiFi manager in iOS devices as seen in Windows WiFi or Macbook OSx WiFi management, but this article will try and provide some amicable solutions to better suite your needs.
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.
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.
This video demonstrates how to sync Microsoft Exchange Public Folders with smartphones using CodeTwo Exchange Sync and Exchange ActiveSync. To learn more about CodeTwo Exchange Sync and download the free trial, go to: http://www.codetwo.com/excha…

867 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

12 Experts available now in Live!

Get 1:1 Help Now