コーディングでよく使う単語
cssのクラス名やJavaScriptの変数名で使える単語を紹介します。
一般的な制作現場でよく使われるものを記載しました。
■レイアウト・枠
| common | 共通 |
| wrapper/wrap/container outer/frame | 大枠 |
| inner | 内枠 |
| main | メイン |
| global | 全体 |
| local | 個別 |
| menu | メニュー |
| nav | ナビゲーション |
| section | セクション・区切り |
| article | 記事 |
| contents/ctns | コンテンツ |
| columns | 列 |
| line | 行 |
| sidebar | サイドバー |
| area | エリア・範囲 |
■各パーツなど
| description | 概要 |
| summary | 要約 |
| index | 索引 |
| notes | 注釈 |
| comments | コメント |
| post | 投稿 |
| logo | ロゴ |
| title/ttl | タイトル・見出し |
| text/txt | テキスト・文言 |
| image/img | 画像 |
| thumb | 写真のサムネイル |
| banner | バナー |
| list | リスト |
| item | 項目 |
| aside | 補足 |
■配置
| top | 上 |
| middle | 中央 |
| bottom | 下 |
| left | 左側 |
| center | 中央 |
| right | 右側 |
■グローバルナビゲーション
| top | トップ |
| home | ホーム |
| service | サービス |
| news | ニュース |
| info | インフォメーション |
| service | サービス |
| campaign | キャンペーン |
| access | アクセス・交通手段 |
| map | マップ |
| shop/store | 店舗 |
| contact | 問い合わせ |
| privacy | 個人情報 |
| faq | 質問 |
| cart | 買い物かご |
| recommend | おすすめ |
■フォーム
| input | 入力 |
| confirm | 確認 |
| finish | 完了 |
| login | ログイン |
| logout | ログアウト |
| radio | ラジオボタン |
| checkbox | チェックボックス |
| search | 検索 |
| button/btn | ボタン |
| submit | 送信 |
■動き
| show | 見せる |
| hide | 隠す |
| open | 開く |
| close | 閉じる |
| push | 押す |
| pull | 引く |
| active | 有効な・アクティブな |
| inactive | 無効な・非アクティブな |
| current | 現在の |
| success | 成功 |
| error/err | エラー |
| toggle | 状態を交互に切り替える |
| accordion | アコーディオン・開閉するコンテンツ |