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. WordPress 4.7の新機能

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

  3. Firefox – テーマ機能 Personas(ペルソナ…

  4. ガイドラインを検討中…

  5. サイトデザインをどうするか?

  6. ソーシャルブラウザの「RockMelt」