[add] クラス名辞典の作成

補足

wrapper - 内包する
- wrap - wrapperの略語
- container - wrapperの類語、容器、入れ物
group - 集まり
area - 特定の場所、範囲
brand - ブランドの
site - サイトの
emphasis - 強調、重視
note - 注釈
description - 概要
- desc - descriptionの略語
introduction - 前置き、導入
- intro - introductionの略語
announce - お知らせ
information - 情報
- info - informationの略語
success - 成功
alert - 注意、警戒
attention - 配慮、気配り
error - 間違い、失敗
caution - 用心、警告
warning - 警告、予告
danger - 危険、驚異
more - もっと多くの
detail - 詳細、細部
比較
main - 主要な
primary - 主要な
secondary - 補助的な
tertiary - 第三の
quaternary - 第四の
common - 共通の
global - 全体的な
local - 局所的な
general - 一般的な
UI
logo - 社名や製品名などを図案化・装飾化した文字・文字列
image - 画像
- img - imageの略語
hero - キービジュアルになる大型の画像
link - アンカーリンク
icon - 対象の内容や機能などを小さな画像で表したもの
button - オン・オフの選択に使うインターフェイス
- btn - buttonの略語
label - 分類する、項目名
tag - 符号、識別子
badge - 残数を示す数値
catch - 興味を惹く、関心をつかむ
breadcrumb - パンくずリスト、トップページから現在ページまでの階層構造を示したリンク
- topicpath - breadcrumbの類語
copyright - 著作権表示
navigation - 情報へ誘導するリンク
- nav - navigationの略語
sns - ソーシャルネットワーキングサービス
form - 送信フォーム
comment - 記事に対する反応
map - 地図
table - テーブル、図表
privacy - 個人情報の利用・保護の方針
sitemap - サイト内のページリスト
tab - 書類などのインデックスタブを模した、別のドキュメントに切り替えるインターフェイス
toggle - 同一の操作で二つの状態を交互に切り換えるインターフェイス
dropdown - 複数の項目を表示して、1つの項目を選択するインターフェイス
modal - （主に）注意や警告を知らせるために使用される何かしらの操作を要求するインターフェイス
carousel - 画像などのコンテンツを上下左右にスライドさせて切り替えるインターフェイス
- slider - carouselの類語
accordion - 選択した項目以外のコンテンツを折りたたんで非表示にするインターフェイス
off-canvas - 表示領域外から画面をずらすようにスライドしながら表示するインターフェイス
tooltip - マウスオーバー時に補足情報を表示するインターフェイス
search - サイト内をキーワード検索するフォーム
pagination - 昇順にしたページ番号付きのナビゲーション
backtop - ページトップに戻るためのページ内リンク
banner - （主に宣伝用の）画像をともなうリンク
qanda - Q&A、よくある質問と回答
timeline - 年表
場所
section - 区分、区画
content - 文書の内容
article - 記事
post - 投稿
top - 頂上、上部
home- トップページ
sidebar - 補足記事
コンテンツ
about - 〜について
work - 仕事、任務
product - 製品
service - サービス
news - お知らせ、近況
event - 行事、出来事
history - 歴史、沿革
archive - 保存、保管、記録
concept - 構想、概念、考え
recommend - おすすめ、推奨
table of contents - 目次
- toc - Table of contentsの略語
index - 索引、指標
contact - 問い合わせ、連絡
inquiry - 問い合わせ、質問、調査
access - 交通手段
shop - 店舗
related - 関連のある
レイアウトパターン
wrapper - 複数の要素を内包する
grid - グリッドレイアウト
block - 縦に積まれる
inline - 横一列に並ぶ
media - テキストと画像の横並び
flag - テキストと画像の横並び（垂直方向の指定可能）
box - 箱状の
card - （主に）画像を目立たせるカード型
tile - 繰り返しによって構成されるパターン
Element
inner - 内側の
outer - 外側の
body - 主要部分
head - 上部
foot - 下部
heading - 見出し、表題
title - 表題、題名
lead - 見出しの補足、記事の要約
list - 一覧、表
menu - 一覧、表
item - （表やデータなどの）項目
unit - 1つの単位、1セット
column - 縦列
- col - columnの略語
text - 本文
caption - 画像・図表の補足文
thumbnail - 縮小した画像
- thumb - thumbnailの略語
avatar - 人の顔を示す画像
feature - 特徴を補足する画像
tel - 電話番号
address - 住所
date - 日付
time - 日時
category - 分類、部類、
- cat - categoryの略語
tag - 識別子
next - 次の
previous - 前の
- prev - previousの略語
mask - 覆い隠す
overlay - かぶせる、上書きする
Modifier
tiny - とても小さい
small - 小さい
medium - 中間
large - 大きい
huge - とても大きい
reverse - 反転する
push - 前方に押す
pull - 自分の方に引く
offset - 相殺する、埋めあわせる
left- 左側の
center - 真ん中
right - 右側の
top - 上部
middle - 真ん中
bottom - 下部
round - 角丸
circle - 円形
状態
show - 見せる
hide - 隠す
open - 開く
close - 閉じる
current - 現在の
active - 活動中、有効な
disabled - 無効になっている

manabuyasuda / styleguide

[add] クラス名辞典の作成 #32

補足

比較

UI

場所

コンテンツ

レイアウトパターン

Element

Modifier

状態