Css Spriteという手法をご存知ですか？ 画像の部品をひとつの画像にすることで、セッション数を節約したり圧縮効率を上げたりする手法です。 こうすることによりwebページがより素早く表示されるようになり、ユーザはハッピー！ということらしいです。 ものすごい負荷がかかるほどの大規模サイトじゃない限り、大抵の人には関係ない代物ではあります。 この画像を作るために通常はデザイナが苦労して画像を合成するらしいです・・・・お疲れさまです・・・ 何が大変かというと、デザインが変更になる度に画像を合成しCSSを書き換え・・・・死にたくなりますね。 そこで例えばこんなツールがあります。CSS Sprite Generatorは、画像一式をzipで圧縮して投稿すると冒頭の画像のように合成してくれその上CSSまで作ってくれるという優れものです。 けど、結局デザインって画像とか文字色とかを微調整す

こんにちわ！ Sass+Compassを導入してから、すっかりSASSってばっかりいるＷｅｂヤンキーのＡスケです！ 前置きなんていらないよって方はこちらをクリック！ … 最近、周りでもブームが起こっているようで 女に惚れSASS名言集 — SOUさん (@sou_lab) 2013年5月8日 とか ペガSASS — ぬくすさん (@nukusu) 2013年5月8日 だったり あいつ、俺のことSASSってるんじゃないか… — Ａスケ ↻Webヤンキーさん (@EisukeAkimoto) 2013年5月8日 とか大盛り上がりです。 一度この便利さを味わったら、脱することはできない夢のようなツール…　しかし導入当初、Windows環境下だとCSSスプライト画像が生成されず、困り果てたことがありました。 それを解決すべく作業手順を解説します。 なお、Sass+compassの導入は済んで