![](https://res.cloudinary.com/dlhzyuewr/image/upload/l_text:notosansjp-medium.otf_50_bold:CSS%25E8%25A8%25AD%25E8%25A8%2588%25E3%2581%25AB%25E3%2581%258A%25E3%2581%2584%25E3%2581%25A6%25E7%2589%25B9%25E3%2581%25AB%25E5%25A4%25A7%25E5%2588%2587%25E3%2581%25AB%25E3%2581%2597%25E3%2581%25A6%25E3%2581%2584%25E3%2582%258B%25E6%2580%259D%25E6%2583%25B3%25E3%2582%2592%25E3%2581%25BE%25E3%2581%25A8%25E3%2582%2581%25E3%2581%25A6%25E3%2581%25BF%25E3%2581%259F,co_rgb:111,w_780,c_fit/l_text:notosansjp-medium.otf_34_bold:By%20%40tak_dcxi,co_rgb:93a5b1,g_south_east,x_280,y_63/v1579262216/ogp-base_mrsu7s.png)
CSS設計において特に大切にしている思想をまとめてみた
BRANK
Zennの投稿は初です。TAK(@tak_dcxi)です。今回投稿するのは自分なりのCSS設計のメモ。ある程度の規模感のサイトでのCSS設計において、僕がいくつか大切にしている思想の中から特に重要だと思っているものをピックアップしてまとめてみた。「ある程度の規模感」とは以下のようなイメージ。肌感覚としてテンプレートの枚数(※サイトのページ総数ではない)が10枚以上ローンチ後もPDCAが定期的に行われ、その都度サイトの更新や改修が行われるようなWebサイトサイトの更新や改修は自分以外のスキルを定義しないコーダーやエンジニアによって行われる最後の「スキルを定義しないコーダーやエンジニアによって更新や改修が行われる」というのがポイントで、つまりスキルに大きな幅がある、とりわけ未経験入社の方のようなマークアップの知識が乏しい方が更新する可能性があることを前提としている。場合によっては急遽量産で知識の乏しい人がプロジェクトにアサインされる可能性もある。そういったリスクも考慮している。こういった思想は日に日に変わっていくけれどど、現在の自分のログとして書いてみる。主に僕は以下のことに気をつけながらCSSを書いている。これらに加えて…