BEMから脱出したHTMLとCSSのコーディング規約を考えた

BEM に代わるスタイルを考えた：

<div class="header">
	<div class="header-left">
		<div class="headerLeft-logo"></div>
		<div class="headerLeft-categories"></div>
	</div>
	<div class="header-right">
	</div>
</div>

親子関係はハイフンで表す。ブロックやエレメントの区別はなく、要素名はキャメルケースにする。

コーディング規約・命名規則も考えた：

色やフォントサイズなどのみを指定する個別のクラスを使わない

コピー・ペーストを悪と考えない

クラス名に日本語を使わない

子要素を持たない要素に class をふらない

float でなく flex を使う

before や after を駆使する

無駄な省略形を使わない

div で a タグを囲うことに躊躇する

複数形を駆使する

兄弟関係をアンダースコアで明示する