Sass

9日目:CSS Preprocessor Advent Calendar 2012

2012/12/09 Sass No comments , ,

CSS Preprocessor Advent Calendar 2012の9日目です。

今年の8月にSassの神バージョンアップがあった勢いでレポートを書いたんです。
社内にSass使い増えるといいなーと思って書いてはみたものの、とにかく使い勝手が悪い。
長文過ぎて見づらかったのでカッとなってWebサイト化しました。

Sassオレオレリファレンス

加筆し過ぎて序盤しか出来てないんですが、後は追々書いていくつもりです。

明日はTakatsudoさんです!
(さらに…)

[Sass+Compass] Rubyで作るカスタム関数と設定

2012/10/03 Compass 1 comment ,

RubyでSassの@functionを作ると色々やれて便利です。
CompassのConfig使うとより便利です。

(さらに…)

[Compass] 超訳 Configuration Reference

2012/09/30 Compass 6 comments ,

CSSのメタ言語、Sassベースで作られた便利なフレームワーク、それがCompass。

Compassの設定ファイルはRubyファイルです。
これはRubyを知っていれば色々なことが出来るということなんですが、逆にRubyを知らないと取っつきにくさがあると思います。
それで損をしてしまうのはあまりに勿体無いので、オレオレリファレンスを書いてみました!

※この記事は完全な和訳ではありません。

公式 Configuration Reference

(さらに…)

[Sass] Sass 3.2で実装された新機能がヤバい

2012/08/31 CSS 2 comments

8/10に3.2、8/15にバグフィックスした3.2.1がリリースされて
ただでさえヤバイくらい高機能なSassがますますパワーアップした。
Sass信者のみなさんはすでにお使いでしょうか?

(さらに…)

[Sass + Compass] dataURL background mixin

2012/07/19 Memo No comments ,

画像のdataURL化と50%縮小するbackground-sizeの書き出しを同時に行うmixin


@mixin data-background($image){
  background-image:inline-image($image);
  @include background-size(image-width($image)/2 image-height($image)/2);
};