コーディング規約

IDについて

基本的にアンカーリンク(ページ内リンク)以外の目的で使用しないでください。
CSSのスタイリングやJSのHTML指定においては class による指定を行ってください。

Classについて

命名規則は BEM にて行ってください。参考 : https://qiita.com/takahirocook/items/01fd723b934e3b38cbbc

class="block__element–-modifier" // 基本

現状の制約は下記のみとしますが、今後追加していきます。

  • B と E のセパレーターはアンダースコア2つ
  • E と M のセパレーターはハイフン2つ
  • 単語の区切りはハイフン1つ
  • E の入れ子はNG

https://docs.google.com/spreadsheets/d/1Qa1iDB7FpZq8-yZ5tojPQfwaJ_fE_nvGfCOWRh6cZDU/edit?usp=sharing

ファイルの分割について

ファイル構成について

セレクタのあとに半角スペース

複数セレクタを指定する場合はカンマで開業

jQuery

jQuery を利用する場合は、基本的に ver は 3.x 系を使用。プロジェクトによって適時変更する。

画像の調達

基本的にフリー素材を使用してはならない。制作に必要な画像は Adobe Stock にて購入、もしくは弊社で撮影した素材を用いる。
※ 撮影画像を用いる場合は著作権や肖像権を必ず確認すること。

アイコン素材に関しては基本的に Font Awesome を利用すること。
Font Awesomeで最適なものがない場合は ICOOON MONO の利用(SVG)する。

画像サイズ