WebSass(SCSS)とはSassとはCSSを拡張するメタ言語のこと。HAMLという言語でスタイルを記述する。SassをコンパイルすることでCSSファイルが生成される。Sassで、変数の使用、セレクタのネスト・継承などが使用できるようになる。CSS(SCSS)というCSSの記述に近い新しい文法がサポートされた。SassのインストールSassを利用するにはRuby、HAML、SASSのインストールが必要となる。MacにはRubyがインストールされてるため、Rubyのインストールについては割愛する。StylesheetsSassの使用方法Sassは.scssファイルをファイルを作成して記述する。基本的な構文は以下のとおり。他にもSassには便利な関数も用意されている。どこがすごいのか楽しいCSSこと「Sass」の3.1が異様な進化.scssファイルのコンパイル下記のコマンドでCSSファイルの生成(コンパイル)を行う。hoge.cssまた、次のコマンドでscssファイルを監視するようになり、scssファイルに変更があるたびに自動でコンパイルしてくれるようになる。/PATH/TO/sass:/PATH/TO/cssCompassCompassはSassを拡張したCSSフレームワーク。mixinでCSS3のborder-radiusやbox-shadowが定義してあり、ベンダープレフィックスを補完したスタイルが簡単に利用できる。clearfixやリセットCSSなども含まれる。Documentation【Webデザイナ-・コーダー向け】すぐに使えるSCSS入門|Compass基礎編CSS書くならCompass使った方がいいよ。SASS使ってる人なら特に。コーディング速度を3倍早くするSass(Scss)のフレームワーク”Compass”が本当に便利ツールを利用して自動コンパイルする下記は起動しておくだけで.scssファイルを自動コンパイルしてくれる便利なアプリ。ターミナルを利用しなくても良いのでコマンドが苦手でも簡単にSassを利用できる。開発ツールにもSassを導入する主要な開発ツールにもSassのシンタックスハイライトやコンパイルを行うためのプラグインが公開されている。プラグインデベロッパー。多数のプロダクトをオープンソースで開発・公開しています。開発・販売しています。今日から始めるMacのローカル開発環境構築(MAMP導入編)新しい投稿DP1xのフードアダプターHA-11とMCプロテクターを買っ...この投稿へのコメントコメントはありません。コメントを残すコメントをキャンセルこの投稿へのトラックバックトラックバックはありません。プラグインデベロッパー。多数のプロダクトをオープンソースで開発・公開しています。開発・販売しています。