Foundation5をresourcesフォルダーに設定

タグ: Foundation  

sassファイルはシンプルにNetBeansに監視させているので、普通にインストールすると余計な管理ファイル等が存在していて面倒なため、シンプルにダウンロードしたファイルから必要なものを抜き出しています。そのメモ記事です。

1.compass-templateリポ

https://github.com/zurb/foundation-compass-templateをダウンロードし、中のscssディレクトリーをresources/assets/scssへ移動。使うのはこれだけ。

2.bower-foundationリポ

https://github.com/zurb/bower-foundationをダウンロードし、中のjsとcssはpublicへ移動。(cssの中身はコンパイル時に変更がかかるため、必ずしも必要ない。)scssディレクトリーはresources/assets/scssへ被せる。

3.監視の設定

NetBeasnを使う場合は、プロジェクトのプロパティから、CSSプリプロセッサーの設定を開き、「保存時にSassファイルをコンパイル」にチェック、ウオッチの入力に/resource/assets/scssと出力にpublic/cssを指定。オプションは特に必要無し。

4.その他

必要なJQueryは適当にダウンロードするか、CDNで読み込み