HTML,CSS初めて１ヶ月ぐらいの人に知って欲しいCSS設計のこと - Qiita

「HTML,CSSだって難しいよ！」 初心者でも始めやすいって言ったの誰ですかね。最初は覚えるのに必死だし、少しわかるようになったかな？で始めたサイト制作（コーティング）もエラーだらけで頭を抱える日々。そんな修行を耐えているみなさんに知ってほしい、CSSの設計についてお話できたらなと思います。概念的なこと中心になりますので細かいことは下記の参考文書をご覧ください。 『インプレス社 Web制作者のためのCSS設計の教科書 モダンWeb開発に欠かせない「修正しやすいCSS」の設計手法 谷拓樹著 2022年発行第１版』 注意 作者自身もプログラミング初めて１ヶ月の超初心者です。HTML、CSSを使ってデザインカンプを元にサイトを作れるぐらいのレベルです。なので僕より歴長い人はスルーしてもらっていいです。まだ初めたばかりの人は追いついてきてください。僕は先に行ってます。 初め 壊れない完璧な設計を

[razihai]

1ヶ月で語ろうと思えるマインドが凄いなー、、、今自分が新しい言語1ヶ月やったところで、その言語設計について語ろうなんてとてもとても、、、

[takeag]

再利用の末、変更時の影響範囲が見えないって問題にぶち当たる

[Futaro99]

「まだ初めたばかりの人は追いついてきてください。僕は先に行ってます。」

[n314]

バグ直してくれ〜って言われて見せられたものが、10万行のプログラムか、10万行のCSSか、だったら絶対にCSSの方が難しい。

[ultimatebreak]

最近のCSSはよくわからん。マシではあるが、safariが現代のIEポジションになってる。設計はBEMとか色々やったけどスコープがグローバルである以上どうやっても限界があるのでAstroに切り替えたら悩むことは少なくなった

[chibach]

IEだけ崩れるんですけど！という時代から比べたらだいぶラク

[nekosann_08]

再利用とは、別ページに渡る「共用」な部分として語るのか、製造するうえで便利な「素体」として語るか。CSSは今も昔もこの継承がお手軽便利であり悪さする。

[ftype]

3年後、この人いるのだろうか…CやRustとかならともかく

[suzuki_torakichi]

まずAIにカンプ画像を投げます

[Iridium]

chromeのCSSが見えるデベロッパーツールとかがないと絶対に直せる気がしない。それがあっても困ることあるのに

[atsushifx]

HTML.CSS用のユニットテストとスタイルガイド、標準的なネーミングが決まっていると、かなりBugが減りそうな気がする。GitHub漁れば、テスティングフレームワークはありそう

[hiroshe]

CSSに限らずシステム設計全般に言える話だね。

[ni_ls]

".h1 {color: red;}" hの前に.は要らなくない？

[otchy210]

デザインを再現する CSS を書くだけが仕事の人は、そろそろ AI に奪われる仕事と認識した方がよい。例えば保守性・アクセシビリティ・レスポンシブル対応を踏まえたデザイン「修正」を提案出来るレベルにならないと。

[mayumayu_nimolove]

予測しやすいと再利用しやすいは矛盾してない？