制作記事 運用情報お仕事・制作日記CSS設計のマイベストが見つからない

CSS設計のマイベストが見つからない

W様より新規案件をいただきました。
単発のコーディング案件です。
ページ数は多くても、1ページのボリュームはほとんどなく、シンプルな作り。
ループ処理させる部分が多いため、デベロッパーが組み込みやすいように想定してコーディングしたい。
コーディング・ガイドラインがない場合、Googleのガイドラインに準拠するようにしている。
それにしてもCSSの命名規則はいつも悩む。
既存のコンテンツがあれば、そのソースを見て、命名規則があると判断できればそれに準ずるようにしている。
新規の場合や既存のコンテンツに命名規則がない場合、CSSをどのように設計しようか。
OOCSS、SMACSS、BEM、…
ほかにもいろいろな捉え方があり、コンテンツ規模やCSSを使うメンバーのスキルによって使い分ける必要がある。
「SMACSSをベースに独自仕様を加える」
結局、この選択をすることが多い。
CSS設計の学習コストが低いことが選択の理由だが、その分自由度が高いので煩雑になるデメリットも否めない。
それにしても、デザインがいいとコーディングしたいレベルがぐっと上がります。
Yes!コーダーズ・ハイ!