CompassはSassを利用したCSSフレームワークです。導入はちょっと面倒ですが、うまく導入できるとCSSがすごく楽に書けるようになります。 Compassでできることは、ベンダープレフィックスなどの複雑なCSSを簡単に記述できたり、画像のwidthやheightを取得してくれたり、スプライト画像を作成してくれたりもします。 Compassのインストール〜Mac OS X El Capitan編 Compassのインストールはやっかいです。PCの状況で色々と設定が必要になります。 OSのバージョンや色々な環境でエラーが出た際はそのエラー内容を検索するなどで自分で解決するより他になさそうです。 今回はMac El Capitanでのインストール方法です。参考になれば幸いです。 SassはRubyで書かれていますので、Rubyの仕組みを使います。RubyにはGemという便利なライブラリ追加
![CompassをインストールするMac OS X El Capitan編 〜Sass(7) | IT工房|AI入門とWeb開発](https://cdn-ak-scissors.b.st-hatena.com/image/square/f639ab90fc2d9589b9ed32030938adfce1d78e31/height=288;version=1;width=512/https%3A%2F%2Fitstudio.co%2Fwp-content%2Fuploads%2F2016%2F10%2Fdog_org-1.png)