読者です 読者をやめる 読者になる 読者になる

はしくれエンジニアもどきのメモ

情報・Web系技術の勉強メモ・備忘録です。

Compass

Compass でスプライト画像を作ってみる

Compass でスプライト画像を作ってみる Compass では、画像から自動でスプライト画像を作ってくれる。 実際に試してみたのでメモ。 目次 スプライト画像生成(自動クラス割り当て) マジックセレクタ スプライト画像生成(手動クラス割り当て) 参考リンク …

Compassメモ(Colorヘルパー関数、ImageDimensionヘルパー関数)

Compassメモ(Colorヘルパー関数、ImageDimensionヘルパー関数) Compass で使える、色関係を計算してくれるColorヘルパー関数と、 画像サイズを計算してくれるImageDimensionヘルパー関数についてまとめておく。 目次 Colorヘルパー関数 adjust-lightness($…

Compass(Reset CSS、compassモジュール、CSS3モジュール)

Compassメモ(Reset CSS、compassモジュール、CSS3モジュール) Compass では、Reset CSSやベンダープリフィックスを補完してくれるような便利なmixin が使える。 目次 Reset CSS compassモジュール CSS3モジュール Animation Appearance Background Clip Ba…

Compass インストール・プロジェクト設定・コンパイル

Compass インストール・プロジェクト設定・コンパイル Compass のインストール、新規プロジェクトの作成、プロジェクトの設定、コンパイルについてのメモです。 目次 Compass とは インストール環境 インストール 新規プロジェクトの作成 プロジェクトの設定…