My Web道

WEB制作科 受講記録 …とその後も続くWEB制作に関する活動・学習記録です。

Sass の編集にはこれがオススメ「Koala」

今日は、Sass編集時に役立つ、こちらのツールをご紹介させていただきます。

f:id:sntkk3:20180115224117p:plain
ダウンロード先: http://koala-app.com/

Sass (サス) とは

Syntactically Awesome Stylesheets の略だそうです。
一言で言うと、拡張版CSSといったところでしょうか。
CSS入れ子にできるなど、Sassを使うと、とっても効率的にCSSが書けます。
なので、管理もしやすく、保守性も高まります。
従来のStyleにありがちな、

  • 記述が冗長になる ( コードの記述量が増える )、

(ゆえに)

  • コードが見にくい、
  • コードが直しにくい

といった問題を解決できるところがSassのメリットと言えます。

Bootstrapのテンプレートを利用させていただいたりすると、CSSがSassで作られていることがあります。
最近は一般的に広く利用されるようになってきているSass、
自分で書くにも、既成のファイルを編集するにも、
その編集方法を心得ておくのはオススメです。

「Koala」の使い方について

使い方は、こちらの記事が参考になりました。
ぜひご参照ください。
GUIアプリケーション「Koala」でSass、Compassを楽に扱う – WebCake : http://webcake.no003.info/webdesign/koala-sass-compass.html


[ 参考記事 ]
tarahako.com
DreamweaverでSassファイルを編集するには? | Webデザインのタネ
qiita.com


以上、ご参考まで。