Sass コンパイル用アプリCompass!

compass1

SassをCssにコンパイルするアプリは色々ありますが、今回はCompassについて説明させていただきます。

コンパスは扱うのがとてもシンプルで、設定をするだけですぐに扱うことができます。

コンパスのダウンロード場所:http://compass.kkbox.com/

スクリーンショット 2016-12-21 17.57.18

アプリを起動すると右上にコンパスのマークがでてクリックするとこのようにメニューがでるかと思います。

ここWatch a folder…でコンパイルするサイトのフォルダーを指定していきます、

※注意

この指定するフォルダはそのcssやsass imagesフォルダの上に指定してください

その指定が終わると今度は、ちゃんと中身のファイルを指定してるかチェックします。

スクリーンショット-2016-12-21-18.10.02

change optionsで指定されてるファイルをチェックしていきます。

スクリーンショット 2016-12-21 18.10.21

ここで指定すればアプリを使う準備は万端ですのでサクサク使っていくことができます。

関連記事

  1. 動画の勉強!

  2. 地方創生大全

  3. WordPress3 サイト構築スタイルブック

  4. 経営理念への想い

  5. ジョギングしたくなるiPhoneアプリ

  6. HTML5のサイトをそろそろ