一から勉強させてください( ̄ω ̄;)

最下級エンジニアが日々の学びをアウトプットしていくだけのブログです。

Sass, Compass

CompassでCSS Sprite生成(手動生成、Retina対応)

今回は、前回やったCompassでCSS Sprite生成〜導入、自動生成〜の続きとして、CSS Spriteの手動生成とRetina対応について書きたいと思います。 ちなみに前回と今回のサンプルをまとめてこちらに公開しておりますので、もしよかったら見てやってください!!h…

CompassでCSS Sprite生成(導入、スプライト自動生成)

今回は、以前使用したSassのフレームワークであるCompassの導入と、それを利用して生成や編集がすこぶるダルいCSS Spriteの自動生成をするという事に挑戦したいと思います。 まずはcompassのインストール。 ちなみに環境はMacです。また、RubyやSassはすでに…

Sassを使ってみた

今日は、最近よく聞くCSSのメタ言語「Sass」を実際に使った時の備忘録を書いてみたいと思います。まずSassの特徴でざっと思いついたものを挙げてみると、、・コマンドライン or GUIツールでコンパイルして使う。 ・ネスト(入れ子)構造でCSSをより簡潔に書…