compassでcssスプライトするときの出力をできるだけ少なくする試み - しるてく
概要 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:
Compassのスプライト画像生成を速くする - Qiita
皆さん、Sass/Compass使ってますか？ 僕はCSS Spriteが面倒だったので使い始めました。 で、Compassのドキュメントを見てたらこうゆう記述を発見しました。 Compass generates PNG files using a pure-ruby library called chunky_png. This library can be made faster by installing a simple C extension called oily_png. Add it to your Gemfile if you have one in your project: http://compass-style.org/help/tutorials/spriting/ ざっくり言うと、デフォルトでPNGファイル作成するときはRuby製の chunky_png 使う
Tech Compassでゆーすけべさんと関歳さんの話を聴いてきた！ #tecomp - 僕のYak Shavingは終わらない
ATND:http://atnd.org/events/38212 TechCompassサイト:http://techcompass.jp/ 話が聴けてとても楽しかったです。あとゆーすけべさんとももろもろ話せて良かったです。 ということで簡単に振り返りです。 当日のつぶやきと捕捉 Zaimの関歳さんの発表を聴いてる#tecomp— kazuphさん (@kazuph) 2013年4月23日 最初は関歳さんの発表です。 ※以下Twitterのつぶやきをアイコン無しで引用 ZaimにAPIあるから使ってみて #tecomp https://zaim.net/ これかな？β版なのでどんどん試して報告して上げた方がいいみたい。 ＜追記 2013-04-24 8:34＞ https://dev.zaim.net/ ん、こっちだった。 TOPの文言にだまされた・・・ 29歳の時から一気にサービスをつ
【Webデザイナ－・コーダー向け】すぐに使えるSCSS入門｜設定ファイルを知っておこう – 番外編 | DevelopersIO
はじめに 前回の記事「【Webデザイナ－・コーダー向け】すぐに使えるSCSS入門｜Mixinsを作ってみよう編」「すぐに使えるSCSS入門シリーズ」でSCSS・Compassの一般的な機能の紹介をしてきました。 今回は番外編としてSCSS, Compassの設定ファイルについて紹介したいと思います。 設定ファイルで何をするか？ CompassにはスタイルシートやJavascript、画像・フォントに関する処理があります。 これらは基本的に設定をいじらなくても利用できますが、サーバーの環境や利用するCMSなどによってパスを制御する必要がある時に設定ファイルから出力するパスを制御することができます。 どんな設定項目があるか？ 本家の設定に関するリファレンスはこちら「Configuration Reference」、はい英語です。 ですが、ななんとすでに日本語の超訳 Configuration
hanatoweb.jp - このウェブサイトは販売用です！ - hanatoweb リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Sass + Compass の基本導入と設定ファイル config.rb について
明けましておめでとうございます！今年もどうぞよろしくお願いいたします。 2013 年は、26 年ぶりに 4 つ全ての数字が異なっているみたいですね。みなさんどのようなお正月をお過ごしでしょうか。私は寝正月を大満喫しました。 さて、Windows でも Mac でも Sass + Compass 環境ならば config.rb で設定が書けるので、今日はそれについて。「Sass とは何か？」「Compass とは何か？」は省きます。インストールから設定、楽して監視開始、あたりを。 Sass + Compass を使うには？ まず基本のとこから一応さらっと！ 最近は簡単な方法もたくさん出ていますが、地道にやるならば Ruby（と RubyGems）を入れて、Sass と Compass を入れて、となります。 Ruby + RubyGem インストール Windows だったら RubyFor
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
compass-style.org is almost here!
StartUp Sass + Compass [基本と活用]![StartUp Sass + Compass [基本と活用]](https://cdn-ak-scissors.b.st-hatena.com/image/square/7768d8b0c259cc3fe69178f4113b7eb1890d4d61/height=288;version=1;width=512/https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2Fsasscompasscmujp01-130223095651-phpapp02-thumbnail.jpg%3Fwidth%3D640%26height%3D640%26fit%3Dbounds)
すぐに使えるSCSS入門 の記事一覧 | DevelopersIO