Web制作の用語メモ

このサイトについて

タグ: すべて UIコンポーネントレイアウトパターンタイポグラフィ未分類

用語:

✅
アイブロウ
eyebrow
タイポグラフィ
✅
アコーディオン
accordion
UIコンポーネント
🚧
アスペクト比
aspect ratio
未分類
🚧
アダプティブ・レイアウト
adaptive layout
レイアウト
✅
アバブ・ザ・フォールド
above the fold
未分類
🚧
イディオム
idiom
未分類
🚧
インタラクション
interaction
未分類
🚧
ウィザード
wizard
パターン
🚧
エンプティ・ステート
empty state
パターン
🚧
オーバーレイ
overlay
未分類
🚧
ガーター
gutter
レイアウト
✅
カード
card
UIコンポーネント
✅
カラム幅
measure
タイポグラフィ
🚧
カルーセル
carousel
UIコンポーネント
🚧
キャプション
caption
タイポグラフィ
🚧
グレースフル・デグラデーション
graceful degradation
未分類
🚧
コンテキスト・メニュー
context menu
UIコンポーネント
🚧
コンテナ
container
レイアウト
🚧
コントラスト比
contrast ratio
未分類
🚧
コントロール
control
UIコンポーネント
🚧
コンボ・ボックス
combo box
UIコンポーネント
🚧
サムネイル
thumbnail
UIコンポーネント
🚧
スイッチ
switch
UIコンポーネント
🚧
スケルトン
skeleton
UIコンポーネント / パターン
🚧
スタイル・ガイド
style guide
未分類
🚧
ステートメント
statement
タイポグラフィ
🚧
スティッキー・ヘッダー
sticky header
UIコンポーネント
🚧
スピナー
spinner
UIコンポーネント
🚧
スプラッシュ・スクリーン
splash screen
UIコンポーネント / パターン
🚧
スプリット・ボタン
split button
UIコンポーネント
🚧
スライダー
slider
UIコンポーネント
🚧
セグメンテッド・コントロール
segmented control
UIコンポーネント
🚧
ターゲット・サイズ
target size
未分類
🚧
ダイアログ
dialog
UIコンポーネント
🚧
タイプ・スケール
type scale
タイポグラフィ
🚧
タグ
tag
UIコンポーネント
✅
タグライン
tagline
タイポグラフィ
🚧
タブ
tabs
UIコンポーネント
🚧
チェックボックス
checkbox
UIコンポーネント
🚧
ツールチップ
tooltip
UIコンポーネント
✅
ディスクロージャー
disclosure
UIコンポーネント
✅
ディスプレイ
display
タイポグラフィ
🚧
ディバイダー
divider
UIコンポーネント
🚧
ディム
dimmed
未分類
🚧
テキスト・フィールド
text field
UIコンポーネント
🚧
デザイン・トークン
design tokens
未分類
🚧
トースト
toast
UIコンポーネント
✅
ドロップダウン
dropdown
UIコンポーネント
🚧
ドロワー
drawer
UIコンポーネント
🚧
ナビゲーション
navigation
未分類
🚧
パーマリンク
permalink
未分類
🚧
バイライン
byline
タイポグラフィ
🚧
バッジ
badge
UIコンポーネント
🚧
バレット
bullet
タイポグラフィ
🚧
パンくずリスト
breadcrumb
UIコンポーネント
✅
ヒーロー
hero
UIコンポーネント
🚧
ヒエラルキー
hierarchy
未分類
🚧
ビューポート
viewport
未分類
🚧
ファセット検索
faceted search
パターン
🚧
フィードバック
feedback
未分類
🚧
フィラー・テキスト
filler text
タイポグラフィ
🚧
フィルターとソート
filter & sort
パターン
🚧
フォーカス
focus
未分類
🚧
フォーカス・インジケータ
focus indicator
未分類
🚧
フライアウト・メニュー
fly-out menu
UIコンポーネント
🚧
ブリード
bleed
レイアウト / タイポグラフィ
🚧
フルード・タイポグラフィ
fluid typography
タイポグラフィ
✅
プローズ
prose
タイポグラフィ
🚧
プログレッシブ・エンハンスメント
progressive enhancement
未分類
🚧
プログレッシブ・ディスクロージャ
progressive disclosure
パターン
🚧
ページネーション
pagination
UIコンポーネント
🚧
ベタ組み
solid setting
タイポグラフィ
🚧
ボタン
button
UIコンポーネント
🚧
ポップオーバー
popover
UIコンポーネント
🚧
マイクロ・インタラクション
micro interaction
未分類
🚧
マウス・フォロワー
mouse follower
UIコンポーネント
🚧
マストヘッド
masthead
UIコンポーネント
🚧
メイソンリー
masonry
レイアウト
🚧
メニュー
menu
UIコンポーネント
🚧
モード
mode
未分類
🚧
モダリティ
modality
未分類
🚧
ラジオ・ボタン
radio button
UIコンポーネント
🚧
リード
lead
タイポグラフィ
🚧
リキッド・レイアウト
liquid layout
レイアウト
🚧
リスト
list
UIコンポーネント
🚧
リスト・ボックス
list box
UIコンポーネント
🚧
リンク
link
UIコンポーネント
🚧
ルック・アンド・フィール
look and feel
未分類
🚧
レイアウト・グリッド
layout grid
レイアウト
🚧
レスポンシブ・ウェブ・デザイン
responsive web design
レイアウト / パターン
🚧
奥付
colophon
タイポグラフィ
🚧
段落
paragraph
タイポグラフィ
🚧
目次
table of contents
UIコンポーネント / タイポグラフィ
🚧
禁則処理
line breaking rules
タイポグラフィ
✅
脚注
footnote
タイポグラフィ
🚧
詰め組み
tsumegumi
タイポグラフィ

プローズ

prose

タグ: タイポグラフィ

CMSから取得した、長文や散文的なユーザー生成コンテンツ（UCG）などを描画するために使われる領域のクラス名。

（TODO: 画像）

proseの語彙はHTML Standardで用いられているものだが、この実装パターンにこのクラス名をつけることを広めたのはHarry Robertsである。Tailwind CSSのTypographyプラグインでは、これに影響されてproseクラスを採用している。

また、WordPressテーマではentry-contentというクラス名が採用されることが多い。

Schema.orgでは、これに似た用途のためにarticleBodyというプロパティが定義されている。

参考: