W様より新規案件をいただきました。
単発のコーディング案件です。

ページ数は多くても、1ページのボリュームはほとんどなく、シンプルな作り。
ループ処理させる部分が多いため、デベロッパーが組み込みやすいように想定してコーディングしたい。

コーディング・ガイドラインがない場合、Googleのガイドラインに準拠するようにしている。

それにしてもCSSの命名規則はいつも悩む。
既存のコンテンツがあれば、そのソースを見て、命名規則があると判断できればそれに準ずるようにしている。
新規の場合や既存のコンテンツに命名規則がない場合、CSSをどのように設計しようか。

OOCSS、SMACSS、BEM、…

ほかにもいろいろな捉え方があり、コンテンツ規模やCSSを使うメンバーのスキルによって使い分ける必要がある。

「SMACSSをベースに独自仕様を加える」

結局、この選択をすることが多い。
CSS設計の学習コストが低いことが選択の理由だが、その分自由度が高いので煩雑になるデメリットも否めない。

それにしても、デザインがいいとコーディングしたいレベルがぐっと上がります。

Yes！コーダーズ・ハイ！