html - Getting started with responsive website layout -


i need create responsive layout, i'm confused on how start. i've looked , found many resources, it's overwhelming. can point me in right direction on how started? can build html/css website, have never done in regards mobile.

a few questions: 1) i've read should build mobile move up, correct?

2) should start off template (or grid, correct term?) if so, recommendations? (i've found some, apparently can't post links due lack of rep) basic setup of layout: http://oi57.tinypic.com/2en0rdf.jpg

3) can recommend tutorials or tools must?

4) what's best way test layout? i've come across couple (can't post links due not having not rep

5) i've read people using bootstrap, i've used in past projects , seemed little bloated. although, starting point?

thank you.

let me try explain little :

  1. i've read should build mobile move up, correct? people start smaller device biggest (phone desktop), not must. if have deep learning in coding responsive site can start big small. reason behind start small bigger screen if page fit small screen easier make fit on bigger screen. take focus first on small.

  2. should start off template? if so, recommendations? depend on you, if dont want make hand dirty coding lots of element fit requirement can using template. better understanding may use grid css framework without ui styling simplegrid or unsemantic 960.

  3. can recommend tutorials or tools must? i'm not sure can recommend. research, buy book, start practicing , ask expert if meet rock stone.

  4. what's best way test layout? if coding using netbeans ide have built in tester resolution option (desktop & mobile), or browser plugin, on firefox can use developer kit , press ctrl + shift + m activating screen simulator. , if on chrome can use extension called ripple, have many device simulator.

  5. i've read people using bootstrap, i've used in past projects , seemed little bloated. although, starting point? css framework good, famous bootstrap & zurb foundation.

good luck you,


Comments