SCSS入門を書こうかと思ったので、その前になんでSCSSにしたのかを。
そもそもSCSSって何?
SCSSは簡単に言うと、CSSを出力するスクリプト言語(CSSメタ言語)。
SASSというものがベースになっていて、SASSよりCSSに近い記法で書く。
見やすく書けたり、モジュール化しやすくする機能をもってる。
主な機能 * セレクタのネスティング * 変数 * 条件分岐 * 演算 * ミックスイン * セレクタの継承
SCSS以外のCSSメタ言語
私の知っているところではLESS、Closure Stylesheets。
この他にもいろいろある。
LESSもSASSからの派生言語
現在はjavascriptで実装されていて、ブラウザ(javascript)でlessファイルをCSSに展開することが可能。
Closure StylesheetsはGoogleが提供している。
Javaで実装されている。
SCSSにしたワケ
LESSと比較してSCSSのいいところは * 条件分岐、繰り返しの制御があり、記述がC言語系に似ている(LESSは”when”を使って条件分岐。繰り返し制御はないっぽい) * セレクタの継承ができる
LESSにもメリットはあって、一番大きいのは、less.jsによりブラウザ側でcssに展開できることだと思うのだけど、表示の速度・javascript無効化とか考えると最終的にはブラウザ側でcssに展開するのは使わない気がする。
ただし、lessファイル内でjavascriptを扱えるので、それを有効利用出来るなら…
Closure StylesheetsはCSSの最適化までやってくれるのでSCSSよりいい可能性も。
でもまだディファクトスタンダードはSCSSかLESSな感じなので。
そんな感じで、機能面・開発環境の構築しやすさ・普及度合い(Web上の情報の多さ)をなんとなーく捉えて判断しましたw
参考
CSS拡張メタ言語「SCSS(Sass)」と「LESS」の比較
LESSとSassの比較した結果LESSを採用することにした
LESS でなく SCSS(Sass)を選ぶ理由