Solved

Responsive Web Development/Designing

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

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Pulling Subscription order numbers from Google Android devices 1 35
Connecting database in Xamarin? 6 87
Protecting a SKY 4.0 (Android) devise 15 141
gmail problem on smartphone 56 131
There is a security feature on iOS devices that is nearly impenetrable when it has been activated.  This article will provide some possible solutions as well as necessary steps to take to ensure you do not end up with a locked device.
This is an explanation of a simple data model to help parse a JSON feed
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…

821 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