タグ

2014年2月12日のブックマーク (3件)

  • セレクタ - CSS2 リファレンス

    この文書では,CSS2のセレクタ構文とその概要について述べます。CSSでは適用対象の選択のためにセレクタと呼ばれるパターンマッチングの規則が用いられ,文書ツリーの各要素に適用されるスタイル規則を決定します。 このセレクタの章を読み始める前に,まづCSS2構文の概説を通読されることを,お奨めします。 目次 パターンマッチング(Pattern matching) セレクタの構文(Selector syntax) グループ化(Grouping) 全称セレクタ(Universal selector) タイプセレクタ(Type selectors) 子孫セレクタ(Descendant selectors) 子供セレクタ(Child selectors) 隣接兄弟セレクタ(Adjacent sibling selectors) 属性セレクタ(Attribute selectors) クラスセレクタ(C

  • Sass、そしてSassy CSS (SCSS)

    CSSを拡張したメタ言語であるSass、そしてその別文法として定義されたSCSSについて、960.gsなどのCSSフレームワークと絡めて、Sass (主にSCSS)の良さを解説する。 CSSフレームワーク Sass Sassy CSS aka SCSS SCSSCSSフレームワーク 2カラムレイアウトの作成 clearfixやReset CSSの組み込み カラム幅の変更 カラムの入れ替え SCSSで完結することの意義 まとめ 最後に CSSフレームワーク 960.gsやBlueprint、BlueTripなどCSSフレームワークと呼ばれるものは色々ある。フレームワークと名乗るだけのことはあって、それらの生産性はとても高い。テンプレートで適切にクラス名やIDを埋め込むだけなので、複雑怪奇なCSSコーディングを意識することなく誰でも簡潔にきれいなカラム・レイアウトを作成できる。 HTML 4

  • 初心者向け!CSSフレームワークFoundationのSass版を使用する為の環境構築。 | デザイニングラボ

    おはようございます(・∀・) 今日も一日頑張りましょう! てなわけで、くっくる(@kuck1u)です。 みなさん、突然ですが、レスポンシブデザインでコーディングする時、どうしてます? 僕は、レスポンシブデザインのコーディングが苦手なので、CSSのフレームワークを利用しています。 フレームワークを利用するようになったのは、現場でかならず使われているWordPressデザインのメソッドで紹介されているのを読んだのがキッカケです。 現場でかならず使われているWordPressデザインのメソッドではFoundationというフレームワークが紹介されています。 色々試してみたのですが…Foundationが一番肌に合ったので、Foundationを使用しています。 今回は、FoundationのSass版を利用できるようにする迄の道のりをメモがてら共有します。

    初心者向け!CSSフレームワークFoundationのSass版を使用する為の環境構築。 | デザイニングラボ