SCSSを使ってあまりの便利さに素のCSSを書く気がしなくなりました | あべさん日記
SCSS を使ってあまりの便利さに素の CSS を書く気がしなくなりました。 SCSS は静的サイト生成ツールの Middleman とも相性がよく、おすすめです。 SCSS とは コンパイルにより CSS を出力するメタ言語です。以下の特徴があります。 変数が使える ネストできる Mixin ができる セレクタの継承ができる 変数が使える CSS を書いていて、長さや色など、複数の箇所で同じ値を使用したくなることはよくあります。 SCSS では以下のように変数を定義して、複数の場所で使うことができます。 /* SCSS */ $m: 8px; h1 { margin: $m / 2; padding: $m / 2; } /* 生成されるCSS */ h1 { margin: 4px; padding: 4px } 長さの計算もできますし、色を混ぜたりとかもできます。 複数の箇所の指定を
Sass、そしてSassy CSS (SCSS)
CSSを拡張したメタ言語であるSass、そしてその別文法として定義されたSCSSについて、960.gsなどのCSSフレームワークと絡めて、Sass (主にSCSS)の良さを解説する。 CSSフレームワーク Sass Sassy CSS aka SCSS SCSSでCSSフレームワーク 2カラムレイアウトの作成 clearfixやReset CSSの組み込み カラム幅の変更 カラムの入れ替え SCSSで完結することの意義 まとめ 最後に CSSフレームワーク 960.gsやBlueprint、BlueTripなどCSSフレームワークと呼ばれるものは色々ある。フレームワークと名乗るだけのことはあって、それらの生産性はとても高い。テンプレートで適切にクラス名やIDを埋め込むだけなので、複雑怪奇なCSSコーディングを意識することなく誰でも簡潔にきれいなカラム・レイアウトを作成できる。 HTML 4
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
