Compass+GruntでCSSスプライトを使う

パフォーマンス改善の為にCSSスプライトを導入するのは、もはやスタンダードになっていますが、用意するのは結構面倒ですよね。

画像を追加したり、変更がある度にスプライトシートを変更し、座標をアップデートするのは非常に面倒です。

ところがCompassを使えば、それらをすべて自動でやってくれます。

Compassを使ってCSSスプライトを作る方法についてはすでに色々な記事がありますので、今回はさらにそれをGruntのタスクに組み込むところまでを解説したいと思います。

続きを読む

カテゴリー: CSS