小学理科717886 views
いろは2993700 views
Computer365949 views
高校化学2915601 views
小学算数1196744 views
英語609386 views
小学社会308953 views
高校倫理1435054 views
高校生物550243 views
世界の国561517 views

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 タグを囲うことに躊躇する
複数形を駆使する
兄弟関係をアンダースコアで明示する