Compass CSSスプライト+Retina対応+データURIスキームのMixin | hijiriworld Web
Posted on: 2013/06/21 Compass CSSスプライト+Retina対応+データURIスキームのMixin [2014/06/27 更新] ※ SassとCompassが使えることが前提 CompassでCSSスプライトしてRetina対応してデータURLスキームも行うミックスインを作ったので、そのメモ。 準備 ディレクトリ構成は以下の通り（Compass標準） images/spritesディレクトリに必要な画像を格納しておく。 コンフィグファイルの編集 relative_assetsは、ヘルパー関数で生成するURLを相対パスか、それとも絶対パスで表現するかの設定。 これをtrueにすることで、スプライトを生成した時に相対パスになるので設定しておくこと。 > config.rb css_dir = "css" sass_dir = "sass" images_dir
SassとCompassでSprite画像を作る
やっべぇ、これ便利！って思ったので即共有！これまでSprite画像作る時って皆さんはどうしてましたか？僕はCSS Sprite Generatorというサイトを使って画像を生成していました！ しかし、さっき見てた記事でなんと、Compassを使ってSprite画像を生成する方法が紹介されていて、今さっき試したら結構ツボにハマったので、まずはこの興奮のまま皆さんともシェアさせて貰えれば嬉しいです！ 参考にさせて頂いた記事は以下なんですが、結構詳しくCompassで作るCSS Sprite画像の作り方が紹介されています。まずは僕も試してみた簡単な概要部分をちょっとご紹介させて頂きましょう！SassとCompassの基本的な使い方はググって頂ければ嬉しいです＞＜ How to automatically generate CSS sprites with Sass and Compass | C
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
