[CSS] CompassでCSSスプライト対応、Retina対応を行う。Web上にあるMixinは自分の要件に合わずだったので、作りました。 こんにちは、@yoheiMuneです。 今日はCompassを使った簡単CSSスプライト画像+CSSクラスの生成と、Retina対応する方法をブログに書きたいと思います。 Compassは、自動でCSSスプライトを作成できて便利 最近のお仕事で、フロントエンドのパフォーマンス改善を行うことがありますが、その改善点の中で画像をスプライト化して、リクエスト数を減らすという対策を行います。 スプライト画像そのものを作るのも面倒だし、そのスプライト画像を使ったCSSを書くのもかなり面倒。 その面倒な作業を全て自動かしてくれる機能がCompassにあります。その機能を紹介したい&カスタマイズしてより使いやすくしたいというのが今回のブログの意図です。 Web上
![[CSS] CompassでCSSスプライト対応、Retina対応を行う。Web上にあるMixinは自分の要件に合わずだったので、作りました。 - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/5cb5a581103481c8de3499cf65fa66070868173e/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F265.jpg)