以下のスライドからの抜粋です。(感謝)
http://www.slideshare.net/MayuKimura/css-25547100
OOCSSベース
原則1
構造と見た目の分離
1.1 レイアウトを定義するスタイル
ポジション、サイズ等
1.2 見た目を定義するスタイル
ボーダー、フォントカラー等
原則2
コンテナとコンテンツの分離
その他
・IDセレクタの利用を避ける
(再利用できないから。jsのとしてのみ使用。js-をつける)
デメリット
・class属性値の数が多くなってしまう。
・classがセマンティックじゃなくなってしまう。(CSSの保守、運用性を優先)
出展
http://www.slideshare.net/MayuKimura/css-25547100
http://www.slideshare.net/MayuKimura/css-25547100
OOCSSベース
原則1
構造と見た目の分離
1.1 レイアウトを定義するスタイル
ポジション、サイズ等
1.2 見た目を定義するスタイル
ボーダー、フォントカラー等
原則2
コンテナとコンテンツの分離
その他
・IDセレクタの利用を避ける
(再利用できないから。jsのとしてのみ使用。js-をつける)
デメリット
・class属性値の数が多くなってしまう。
・classがセマンティックじゃなくなってしまう。(CSSの保守、運用性を優先)
出展
http://www.slideshare.net/MayuKimura/css-25547100
コメント
コメントを投稿