HTMLガイドライン
ページ名に使用する英単語
指定が無い場合に使用するページ名
| 会社概要・私たちについて | about |
| 沿革 | history |
| 制作事例 | works |
| 導入事例 | casestudy |
| お問い合わせ | contact |
| お知らせ | information |
| ニュース | news |
| アクセス | access |
| プライバシーポリシー | privacy |
| 会社概要 | outline |
| サイトマップ | sitemap |
| 採用情報 | recruit |
| 料金一覧 | pricing |
| その他 | others |
CSSガイドライン
マルチクラスは component project utility の順に記述する
class名一覧
| title | タイトル |
| nav | ナビゲーション |
| globalnav | グローバルナビゲーション |
| list | リスト |
| heading | 見出しとリードのセット |
| text | テキスト |
| content | コンテンツ |
| body | contentに見出しがある場合のコンテンツ |
| img | 画像 |
| thumb | サムネイル |
| inner | インナー |
| container | 複数要素の囲み |
| wrapper | 単一要素の囲み *デザイン上必要な場合に使用 |
| button | ボタン |
| prev | 前の |
| next | 次の |
| note | 注釈 |
| intro | 導入部分 |
| lead | リード |
| slider | スライダー |
| main | 主要な |
| primary | 主要な |
| secondary | 補助的な・第二の |
| tertiary | 第三の |
| copyright | コピーライト |
| privacy | プライバシーポリシー |
| large | 大・Large |
| x-large | XLarge |
| xx-large | XXLarge |
| small | 小・Small |
| x-small | XSmall |
| xx-small | XXSmall |
| medium | 中 |
| base | 基本 |
| col-container | カラムコンテナ |
| col | カラム |
| tel | 電話 |
| address | 住所 |
| cat | カテゴリー |
| tag | タグ |
| form-text-submit | フォームのテキストフィールド + submitボタン |
| footer-nav | フッターナビゲーション |
| aside | サイドバーやフッターなどのasideに設置するコンポネントの接頭辞 例) aside-cat-iist |
| page-header | ページ上部のヘッダー |
| post-header | 投稿のヘッダー |
ユーティリティクラス
ユーティリティクラスは接頭辞に u- を付与する
| .u-ta-center .u-ta-right .u-ta-left | 水平方向の配置 |
コメントフォーマット
CSSに出力する場合
/* 大見出し
========================================================================== */
/*** 中見出し ***/
/* 小見出し */CSSに出力しない場合
// * 大見出し
// ==========================================================================
// *** 中見出し ***
// 小見出し