;

しんみゆ.com

群馬県高崎市在住の夫婦で日記というか、つぶやきブログしてます:しんみゆ.com

html5カンファレンス 2013 – モダンなcss設計パターンを考える

モダンなcss設計パターンを考える

モダンなcss設計パターンを考える メモ

モダンなcss設計パターンを考える

サイバーエージェント:谷

modular css
ーoocss
構造と見た目を分離する
コンテンツと見た目を分離する

Mediaオブジェクト
clearfix

機能の単位でクラス名を調整する。

rule of 3
とは、3つ見えて来た時に
ルールの把握ができるというアプローチ

.colorred{
color:red
}
赤い文字だけど、エラーメッセージなのかとかイメージして名前をつけていかないと、破綻したcssになって行く。

参考書籍:SMACSS
ーカテゴライズ
ー命名規則
ーhtmlとcss

◇カテゴライズ
基礎
レイアウト
ステイト
テーマ

◇命名規則
BEM
ーBlock
ーElement
ーmodifier
関係性と役割をちゃんと考える。

%d人のブロガーが「いいね」をつけました。

ページトップ