CSS Nite LP39「Coder's High 2015：コーディングスタイルの理想と現実」

CSS Nite @cssnite

"壊れない完璧な設計を求めるのではなく、壊れた時に勇気を持って修復できる設計を" — Yuya Saito #cssnite_lp39

うぇびん(holyKurka) @webbingstudio

「壊れない完璧な設計を求めるのではなく、壊れたときに勇気を持って修復できる設計を」めっちゃうなずいてる #cssnite_lp39

CSS Nite @cssnite

谷「CSS設計の方法論。作っていく上で「部品」の単位で考えていくことが重要。」 #cssnite_lp39

Satoh_D @Satoh_D

谷さんのスライド綺麗だなー #cssnite_lp39

crema（黒野明子） @crema

#cssnite_lp39 OOCSSの提唱者さん＞ stubbornella (Nicole Sullivan) · GitHub github.com/stubbornella

CSS Nite @cssnite

谷「OOCSS (Object Oriented CSS) オブジェクト指向でCSSを設計していくもの。」 #cssnite_lp39

あほむ｜副業転職 Offers の overflow @ahomu

#cssnite_lp39 GIFアニの奇襲

ねぎやまねぎこ@2026W @negiyama

たにさんのスライドで笑ってもうたｗｗｗ #cssnite_lp39

HB_sai @hb_sai

エレベーターの前で草の人に会って、いま東京勤務なんですかー？と言われたけど違います。 #cssnite_lp39

Mari Takahashi @M_Rdesign

今はBEMをカスタマイズして使ってたけど、それ以前はOOCSSで書いてた。今でもあの書き方は好きなんだけど、今の環境では難しい #cssnite_lp39

うぇびん(holyKurka) @webbingstudio

レイアウトが異なるオブジェクトに個々にスタイルを定義するのではなく、画像をフローとさせる定義を「.media」等のクラスとして抜き出し共通化する #cssnite_lp39

ねこみみ隊長 @nekomimiTaicho

Twitterのタイムライン見てても #cssnite_lp39 に来てるフォロワーさん多い。

crema（黒野明子） @crema

#cssnite_lp39 Rule of Threeって、ここらへん？ Rule of three (computer programming) - Wikipedia, the free encyclopedia en.wikipedia.org/wiki/Rule_of_t…

Mari Takahashi @M_Rdesign

今回はBEMをカスタマイズしてコーディングした。コードが冗長的になりやすいけど、衝突はなかったので良かった感じ。でも、課題はある #cssnite_lp39

うぇびん(holyKurka) @webbingstudio

OOCSSとBEMの違い #cssnite_lp39

CSS Nite @cssnite

谷「BEM / Block - Element - Modifier 　　ブロック・エレメント・要素にわけ、アンダーバーなどでそれぞれをつなげる記述をすることで「ブロックを構成する要素」などと理解しやすい記述ができるようになる。」 #cssnite_lp39

crema（黒野明子） @crema

#cssnite_lp39 Spotlight（スポットライト）- 心うごかす、新発見を spotlight-media.jp

shun @shsh0310

スライドにgifアニメ流行ってるんすかねww #cssnite_lp39

mashellios @mashellios

FLOCSS（フロックス）github.com/hiloki/flocss #cssnite_lp39

あほむ｜副業転職 Offers の overflow @ahomu

#cssnite_lp39 spotlight-media.jp は github.com/hiloki/flocss に則って作られてるらしい

izuizu@🍓*⋆✈︎山本和泉 @izuizu

clearfixにoverflow:hidden; って今はみなさん結構使っているのかしら？ #cssnite_lp39

サトウ ハルミ / フロントエンド専門 FLAT @uzu

#cssnite_lp39 谷氏がFLOCSSで設計したサイト Today's Spotlight＜spotlight-media.jp

相原典佳 あいはらのりよし / Webスクール＆コミュニティ Beans College運営 @noir44_aihara

#cssnite_lp39 谷拓樹さんのセッション。

CSS Nite @cssnite

谷「OOCSSとBEMのアンチパターン 　　例えば、.grid--4 { width: 25% } としているのに、メディアクエリを帰ると width: 100％ にするなど、名前と機能が一致しないことも出てきたりする。 」 #cssnite_lp39

まぼろしの小林です @koba

@izuizu box-shadowが消えるなど、いろいろ面倒な場面多いのでclearfixにoverflow:hidden;は使わない派ですね #cssnite_lp39