SassフレームワークのCompassでCSS Spriteが簡単にできる
Sassのことばっかりかいてるんですけど、html5+α@福岡 勉強会で珍しく発表したり、仕事で久々にsassばっかり触ってるのもあるんだと思います。 そんなSassをお勧めする理由の一つがCompassというCSS Frameworkなんです。 便利なMixinやらFunctionやらあるんですけど、一番うれしいのが面倒なCSS Spriteを自動化できることでしょうか。 例えばhogeというディレクトリにSpriteしたい画像を格納しておけば、 [code] $sprite: sprite-map("hoge/*.png"); [/code] で画像を結合してくれます。 ファイルの結合にはオプションをつけることで色々とできて、 例えば、各画像ファイルの間隔をあけて結合させたいときは、 [code] $sprite: sprite-map("hoge/*.png", $spacing:
Spriting with Compass | Compass Documentation
Spriting has never been easier than it is with Compass. You place the sprite images in a folder, import them into your stylesheet, and then you can use the sprite in your selectors in one of several convenient ways. **Note: Only PNG images are supported at this time using chunky_png*. Sprite Tutorial Contents Customization Options Magic Selectors Sprite Layouts Setup For this tutorial, let's imagi
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
