しるてく[B!]人気記事・評価 - はてなブックマーク

『しるてく』

compassでcssスプライトするときの出力をできるだけ少なくする試み - しるてく
39 users
ofsilvers.hateblo.jp

概要 Sprite layouts | Compass Documentation compassでのcssスプライトを試してみたのでメモ。 sprite-backgroundっていうmixinは結構色々な人がブログに書いてるんだけど、retina対応していなかったり、無駄な処理が入っていたりしてなんかしっくりこなかったので自分で実装してみた。完成品以下のファイルは使い回せるので、mixins/_sprite.scssみたいにプロジェクトに依存しないファイルとして置いておく。 @mixin sprite-background-size($name, $sprites, $device-pixel-ratio: 2) { $_width: image-width(sprite-file($sprites, $name)) / $device-pixel-ratio; $_height:
- テクノロジー
- 2013/07/17 09:08
- compass
- CSS
- SCSS
- sprite
- ウェブ制作
- プロジェクト
- *Web制作

キーボードショートカット一覧

j次のブックマーク

k前のブックマーク

lあとで読む

eコメント一覧を開く

oページを開く

設定を変更しましたx