メインコンテンツまでスキップ

命名規則

基本ルール

  • 原則英数小文字で命名してください
  • 全角文字は含めないようにしてください
  • 単語の分割を行う場合は-を利用してください
  • リポジトリを利用しているため、バックアップなどを残すためにファイル名を変更して残さないようにしてください
    • 例) bu, backup, 20160101, Copy of ~ は使用しないこと

詳細ルール

下記のように意味を伴う命名を行うようにし、すべてのファイルを連番で作成することはしないようにしてください。

  • ボタン画像
    • btn-(場所)-(目的).(拡張子)
    • 例) btn-section01-inquiry.png
  • 背景画像
    • bg-(場所)-(目的).(拡張子)
    • 例) bg-contact-helper.png
  • バナー画像
    • ban-(場所)-(目的).(拡張子)
    • 例) ban-footer-estate.png
  • 一覧画像
    • li-(場所)-(目的).(拡張子)
    • 例) li-side-backquote.png
  • 見出し
    • h-(場所)-(目的).(拡張子)
    • 例) h-simulation.png
  • ナビゲーション
    • nav-(場所)-(目的).(拡張子)
    • 例) nav-side-guide.png
  • アイコン画像
    • icon-(場所)-(目的).(拡張子)
    • 例) icon-footer-mark.png
  • サムネイル画像
    • thum-(場所)-(目的).(拡張子)
    • 例) thum-news-photo01.png
    • line-(場所)-(目的).(拡張子)
    • 例) line-breadcrumbs-separator.png
  • テキスト画像
    • txt-(場所)-(目的).(拡張子)
    • 例) txt-simulation-lead.png
  • その他
    • img-(場所)-(目的).(拡張子)
    • 例) img-news-daily.png
メモ

もし異なるページで同じ用途で使うページがある場合は、同じ名前で作成してください。

例)各ページメインビジュアルの背景画像 bg-visual.jpgという名前で各ページの画像を用意してください bg-visual-about.jpg, bg-visual-company.jpgという名前で保存しないこと