confusions using zurb foundation -

after many projects writing own responsive design got bit tired of it, after researching popular responsive frameworks decided go zurb foundation.

first went css ready go download. tried use gem, got bit of resistance in trying figure out things on own. seems docs not explaining enough scenarios, raw docs.

first miss search classes find explanations fast, jquery's website has.

many googling , reading figure out need install ruby on windows. ended thinking webserver needs ruby installed, figured out sass preprocesor helping me write , maintain better code on side :)

here other problems can't figure out easy, without searching google each thing:

1) have configured dreamweaver open .scss files also. each day i'm developing, need open ruby-console, navigate project dir , put: compass watch. each time save every modifications (so can test browser), dreamweaver pops out message box: "file has been modified outside of dreamweaver,..do want save..blabla" - very enoying

2) app.scss holds lot @import statements. _settings.scss holds code can change default looks (this primary reason use gem since not sass guru yet). should uncomment statement , change themn needs inside _settings.scss , lose these changes after 1 day succesfully update zurb with: gem update zurb-foundation? if so, better practice create new scss holds overrides?

3) how create new .scss file should override defaults _settings.scss listens.

4) should override app.css or _settings.scss

5) when changing top-bar links hover colors, why aren't these applied??? example: $topbar-link-color-hover: #fff; (_settings.scss)

6) did not have /img or /images folder in project after creating it. hence, created 1 myself "/images"

7) books buy on foundation 4 lot of best practices , tutorials???

i'm sorry me seems way time spend learning basics zurb. have lot of experience in c++ projects in mobile , desktop web projects, realy don't feel newby it's i'm pushed buy support

first start off saying, if new frameworks try has ton more documentation twitter-bootstrap. since decided use foundation here answers questions.

1) setup compass write files directory dreamweaver not watch. use proxy charles proxy proxy in files when developing locally. rid of annoying want save file message. make compilation of scss files part of build process before deploy application somewhere other local.

2) yes, app.scss has import statements. of might want comment out if looking raw speed, fyi. in terms of overrides 1 thing can use mixins provided in other files. button.scss example has fantastic button mixins allow not create own flair inherit of foundation awesomeness. thing, if notice how of variables have !default. means if declared somewhere else(read import variable first), default value overridden.

3) make file , add import before _settings.scss

4) app.scss has ton of imports parts of foundation, using , maybe not.

5) need see compiled css one, guess though without seeing missed variable.

6) created because compass looking it? unless planning on using images or creating sprite (compass can create sprites, awesome) can comment or remove config.rb.

7) have not seen any. foundation has less of community @ time when compared bootstrap. can leg studying on sass , scss, there lot more available on part.