ressponsive design

hi,

I am new to responsive design? how to start with making a site as responsive?
What all things we need to remember while making a site responsive?
RockingAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

ExpertNotReallyCommented:
You are going to get very subjective responses.  For me the most important thing when starting a responsive design is to build and design for the smaller screens first.
0
GaryCommented:
Start with Bootstrap and you'll be building responsive sites in no time

Eliminates the need to write your own CSS which can be a bit of a nightmare if you don't know what you are doing.
It has classes for the most common resolutions
0
COBOLdinosaurCommented:
>>>It has classes for the most common resolutions

It is also bloated and unnecessary.  If you have some coding skills then you are much better off to write your own CSS so you don't spend the next 6 months here trying to get the "easy to use" stuff to work the way you want.  If you don't have coding skills then you need to spend a little time with some tutorials to learn basic CSS3 and HTML5.

Don't be tempted to try shortcuts using templates or plugins 90% of what you find on the internet is trash.  

Finally don't fall into the trap of load time scripting, it bloats the pages, hurts response time and screws up SEO.  generate everything server side, and only use client side scripting  when there is no other option.

If you are just a hobbyist, none of that advice matters, but if you are looking to do serious web development, then remember there is no substitute for using your own skills.  If the template and plugin authors were actually any good they would be making big bucks doing site development and would not have the time or motivation to spew out the "easy to use stuff".

Cd&
0
The Ultimate Tool Kit for Technolgy Solution Provi

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy for valuable how-to assets including sample agreements, checklists, flowcharts, and more!

GaryCommented:
Don't disagree with you much Cd&, but using a CDN for the Bootstrap CSS is not adding bloat, no worse than using jQuery and is a lot easier to get a responsive website together when you don't understand how media queries work.
And there are easy ways to remove all the classes you may not be using.

But if Bootstrap is too much bloat (and I agree it tries to be all things to all people) there are others like Foundation
0
RockingAuthor Commented:
there is one framework namely foundation?
which framework is better to start with bootstrap or foundation?
Is is necessary to use framework or writing from scratch is better?
0
GaryCommented:
It's best to play around with a few of them and see which you like best. Bootstrap is the most popular.
0
RockingAuthor Commented:
I find many links for learning the responsive design? It would be helpful if u can share some best link in your knowledge for responsive design?
0
GaryCommented:
Each site has it's own documentation and examples

http://usablica.github.io/front-end-frameworks/compare.html
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.