『ざっくりつかむCSS設計』を一緒に読もうの会

高津戸 壮さんの新著『ざっくりつかむCSS設計』を題材に、本を読み進めていく形で理解を深めます。 https://cssnite.doorkeeper.jp/events/131253
14
よっしー @urassi

BEMとSMACSSのおさらいしとかないと!ひとりでやってても設計は大事。 とりあえずダウンロードした! 『ざっくりつかむCSS設計』を一緒に読もうの会 cssnite.doorkeeper.jp/events/131253 #cssnite @cssniteより

2022-01-06 00:26:09
さよ@WEB制作+デイトラドローンコース受講中 @iwtakk

#cssnite ウェビナー申込み済、紙の本購入済。当日参加できないのでアーカイブ視聴させてもらいます! 『ざっくりつかむCSS設計』を一緒に読もうの会 pic.twitter.com/rWb9cpuh1H

2022-01-06 00:59:11
拡大
CSS Nite @cssnite

本日(1月6日)14:00から開催。 ますます高度化するCSS設計。「乗り遅れてしまった」「改めて学習したい」などの方にオススメです。 『ざっくりつかむCSS設計』を一緒に読もうの会」 cssnite.doorkeeper.jp/events/131253 #cssnite pic.twitter.com/sUhSL34Hqf

2022-01-06 08:35:37
拡大
にゃんこ@マークアップの人(年度末進行中) @ake_nyanko

話す声よりガサガサ音の方が大きいのは私だけ?? サウンド音量最大にしないと話し声聞こえない… #cssnite

2022-01-06 14:03:38
Aki Mayu @akimayu

昼休みに、ちょこっとだけ参加中です。 雪が降って寒い〜。 のにほど、アーカイブ配信も楽しみにしております。 #cssnite

2022-01-06 14:06:13
Akira Maruyama/丸山 章 @akira_maru

企画が始まったのが7-8年前ってすげーなw 命名や管理まで含めたらたしかにCSSって地味に奥が深い… #cssnite

2022-01-06 14:12:53
にゃんこ@マークアップの人(年度末進行中) @ake_nyanko

ネオン色でスライド上に丸とか書いてるやつカッコいいな。何使ってるんだろ? #cssnite

2022-01-06 14:18:35
haruka @harukapabo

CSSが書けるとはどういうことか?確かに考えたことなかった #cssnite

2022-01-06 14:19:11
Akira Maruyama/丸山 章 @akira_maru

セレクターの詳細度かんがえるの面倒だよねー。 #cssnite

2022-01-06 14:20:23
haruka @harukapabo

セレクタむずい、デザイナーとの連携がむずい、チームで開発するのがむずい、に絞っている本 #cssnite

2022-01-06 14:26:08
Akira Maruyama/丸山 章 @akira_maru

id使って詳細度たかいやつの上書きにimportantあるあるw 辛い。 #cssnite

2022-01-06 14:30:58
Akira Maruyama/丸山 章 @akira_maru

まずタグだけ構造かいて、次にブロックごとにclassつけるのか。ここは一緒に考えながら書いてたなあ。 #cssnite

2022-01-06 14:46:40
Akira Maruyama/丸山 章 @akira_maru

でかいブロックだと要素が増えてセレクター増えるかもだけど、ブロックを小分けにしても定義する要素は同じだけあるので、定義されるセレクター数はあまり変わらないような気がするのは自分だけ? #cssnite

2022-01-06 14:56:19
haruka @harukapabo

BEM(べむ)シンプルでよき #cssnite

2022-01-06 15:06:02
Akira Maruyama/丸山 章 @akira_maru

今は理解できてきたけど、BEMでかくクラス名のあの長さは昔は拒絶反応してたなあ。詳細度を抑えるために単一セレクターを書くことをやりだしたら許容できるようになったけどw #cssnite

2022-01-06 15:06:15
Akira Maruyama/丸山 章 @akira_maru

悩ましいのフレームワークを使っているとき。独自css は単一セレクターで書いても、フレームワーク側のほうが詳細度が高くで変わらない…ってことがよくあってやむなしで詳細度が高くなってしまうことがあるbootstrapとか #cssnite

2022-01-06 15:15:00
にゃんこ@マークアップの人(年度末進行中) @ake_nyanko

私は平日昼間でないと落ち着いて視聴できないけど、やっぱり今日はリアルタイムで参加してる人は少ないのかな? #cssnite

2022-01-06 15:21:48
にゃんこ@マークアップの人(年度末進行中) @ake_nyanko

あれ?Modifireってセパレーターアンスコ1つだったっけ? Block__Element--Modifire はMindBEMingの方か。 #cssnite

2022-01-06 15:25:55
ほし⭐️ステイゴールド @マークアップ・WEB制作 @phstarrion

message message--success ていうModifierの書き方いいな。これ使っていこ #cssnite

2022-01-06 15:26:58