コーディングガイドライン

becolomochi のコーディングガイドライン。

特にご指定が無い限り、以下のようなやり方でコーディングしていきます。

動作確認

Google Chrome

Firefox

Safari

Edge

書体サイズ

本文は 14px

読みづらいと感じた場合は 16px にします。

スマホは 13px にする場合もあります。

行間は1.7 〜1.8

見出しは本文の 1.2 倍〜2倍 のサイズ。

文字数と全体のバランスを考慮し決定します。

行間は 1.3〜1.5

余白について

余白や幅は基本は8の倍数（または4の倍数）

バランスを考慮して奇数にする場合もあり

リセット CSS

リセット CSS を一番最初に読み込ませます。

HTML

上記リンクに準拠します。

HTML5

html 要素には lang 属性を追加します。日本なら値は ja 。

CSS

命名規則

FLOCSS

SCSS

webpack