『ざっくりつかむCSS設計』を一緒に読もうの会
この前書いた自分の本でも1章分CSS設計の章書いたけど、妥協ポイントとかの考え方まで割と似てて謎の安心感に包まれているところw #cssnite
2022-01-06 15:31:03最近はNormalize.cssを読ませた上で部分的に一部resetを追加するところに落ち着いてるかなぁー。 #cssnite
2022-01-06 15:36:06もしかして基本はBEMにして、SCSSとかなら@extend で他のセレクターの内容読み込めるからそれで対応するのかな? #cssnite
2022-01-06 15:41:12html:lang(ja) っていう書き方初めてみた… 属性セレクタはいつもhtml[lang="ja"]で書いてる。 #cssnite
2022-01-06 15:48:58大きなサイトの一部として本体サイトの共通CSSを読み込んだ上でそれとは違う独自スタイルを要する子サイトを作るときなんかに、不用意に共通部分にスタイルが影響しないように接頭辞つけて設計するとか割とあるなぁー。 #cssnite
2022-01-06 16:04:14実装的には何パターンから選べ方式でできたら嬉しいけど、下請けでやってるとまずそれで済むことは無い…。 自社開発案件なら可能かなー。 #cssnite
2022-01-06 16:11:17paddingの足し算で設計するのは難易度高すぎる〜。 後でどうなってたのか全然わからんくなる〜。 #cssnite
2022-01-06 16:16:52あー、ブロックエディタだとBlock自体に余白ついてた方が都合良かったりするかー。 #cssnite
2022-01-06 16:27:49余白の部分すごく勉強になりました! 今一番の悩みは余白で、上下につける余白はパターンが増えて余白のルールを打ち消すユーティリティを用意したりとカオスになることがあったので、 余白についてもう少し考えようと思います💦 Bootstrapは完全同意でしたw #cssnite
2022-01-06 17:14:00💠学び日誌 ‣『ざっくりつかむ CSS設計』を一緒に読もうの会 延長も含め約3時間と充実のウェビナーでした。講義で取り上げたCSS設計はBEMとSMACSS。高津戸さんの解説&スライドが小難しさを和らいでくれる。個人的には余白の設計が一番の学びでした。書籍とアーカイブで理解を深めます。 #cssnite
2022-01-06 20:00:01