イマドキCSS設計

イマドキCSS設計 NTTレゾナント 森本恭平 ※矢印キーで動かせます About Me 森本恭平 ディレクター フロントエンドエンジニア Twitter:basara669 今日のスライド http://basara669.com/slides/140122/index.html ※今日のatndやconnpassにも載っています 今日のハッシュタグ #gooOTT Agenda なぜCSS設計が必要なのか BEMとSMACSSの紹介 実際の運用上どうするべきか 本題に入る前に・・・ 様々なCSS設計がありますが、どれも複数クラスを前提としているので、IE6以下では使えないです。。

[app2641]

良い。けど読んでて残り何ページあるのか知りたい感じになる

[katsuren]

スマホで見ると白バックに白文字で見づらい、、、と思ったら背景画像が変わった。

[inulab]

暗いスライド背景に明るい画像が急に全画面で来ると眩しくてとてもウザいということだけ学んでそっ閉じ。

[hotch_botch]

BEMの説明がなかなか良かった。特にElementのとこなんかは「やっぱりそれがいいよね！」って感じ。

[ryonext]

Block

[okbm]

BEMって単語聞いたことあるけど、取っ掛かりが難しい？って聞いたな。

[o_hiroyuki]

css設計

[makimoto]

良い。

[tmatsuu]

ほう。メモ

[tkm_shohei]

まあ結局チームみんなで意思を併せるのが大事ですよね・・・

[cha-cha-ki]

イマドキCSS設計

[tiri_gami]

スマホから見れなかった。。

[rz1h931f4c]

“CSS設計には答えがない。無理して取り入れる必要もない 命名規則など厳格に考える必要もない Blockだけは意識すると良いかも”

[nana_07]

iPhoneSafariで見る時は右から左にスワイプな

[wonodas]

なる

[mono_tombow1989]

イマドキCSS設計

[y-kawaz]

皆悩んでるんだなーということだな。BEMは中々わかりやすかった感じ。

[hatakazu93]

技術,css

[nyanzou4649]

BEMの書き方に移行するの勇気いる

[saladdays]

[SMACKS

[naga_sawa]

なんでグラデパターンだけのページにこんなにブクマ集まってるの？/JavaScript切ってると何も見えないよ

[minimum_sho]

CSS設計

[sankichi92]

CSSは同じことを表現するのにも何通りもの書き方があるから厄介。変更も多いので実行速度よりも可読性や再利用性が重要。ただし難しい。

[rutebozu]

CSS のクラスの命名規則などについて。

[gikazigo]

イマドキCSS設計

[koyancya]

ｗｗ -> '禁じ手の"!important"に手を出す'

[daipdaip]

あとでじっくり読む [あとで読む][css][css3][プログラミング][BEM][css設計]

[fk_U]

あとで

[foobar_nobody]

あとで読む。

[debabocho]

Windows8タブレットじゃうんともすんとも言わなかったよ。寂しい……。

[stealthinu]

BEMの考え方が参考になった。