Web制作の用語メモ

このサイトについて

タグ:

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

用語:

1. ✅

   アイブロウ
   eyebrow
   タイポグラフィ
2. ✅

   アコーディオン
   accordion
   UIコンポーネント
3. 🚧

   アスペクト比
   aspect ratio
   未分類
4. 🚧

   アダプティブ・レイアウト
   adaptive layout
   レイアウト
5. ✅

   アバブ・ザ・フォールド
   above the fold
   未分類
6. 🚧

   イディオム
   idiom
   未分類
7. 🚧

   インタラクション
   interaction
   未分類
8. 🚧

   ウィザード
   wizard
   パターン
9. 🚧

   エンプティ・ステート
   empty state
   パターン
10. 🚧

    オーバーレイ
    overlay
    未分類
11. 🚧

    ガーター
    gutter
    レイアウト
12. ✅

    カード
    card
    UIコンポーネント
13. ✅

    カラム幅
    measure
    タイポグラフィ
14. 🚧

    カルーセル
    carousel
    UIコンポーネント
15. 🚧

    キャプション
    caption
    タイポグラフィ
16. 🚧

    グレースフル・デグラデーション
    graceful degradation
    未分類
17. 🚧

    コンテキスト・メニュー
    context menu
    UIコンポーネント
18. 🚧

    コンテナ
    container
    レイアウト
19. 🚧

    コントラスト比
    contrast ratio
    未分類
20. 🚧

    コントロール
    control
    UIコンポーネント
21. 🚧

    コンボ・ボックス
    combo box
    UIコンポーネント
22. 🚧

    サムネイル
    thumbnail
    UIコンポーネント
23. 🚧

    スイッチ
    switch
    UIコンポーネント
24. 🚧

    スケルトン
    skeleton
    UIコンポーネント / パターン
25. 🚧

    スタイル・ガイド
    style guide
    未分類
26. 🚧

    ステートメント
    statement
    タイポグラフィ
27. 🚧

    スティッキー・ヘッダー
    sticky header
    UIコンポーネント
28. 🚧

    スピナー
    spinner
    UIコンポーネント
29. 🚧

    スプラッシュ・スクリーン
    splash screen
    UIコンポーネント / パターン
30. 🚧

    スプリット・ボタン
    split button
    UIコンポーネント
31. 🚧

    スライダー
    slider
    UIコンポーネント
32. 🚧

    セグメンテッド・コントロール
    segmented control
    UIコンポーネント
33. 🚧

    ターゲット・サイズ
    target size
    未分類
34. 🚧

    ダイアログ
    dialog
    UIコンポーネント
35. 🚧

    タイプ・スケール
    type scale
    タイポグラフィ
36. 🚧

    タグ
    tag
    UIコンポーネント
37. ✅

    タグライン
    tagline
    タイポグラフィ
38. 🚧

    タブ
    tabs
    UIコンポーネント
39. 🚧

    チェックボックス
    checkbox
    UIコンポーネント
40. 🚧

    ツールチップ
    tooltip
    UIコンポーネント
41. ✅

    ディスクロージャー
    disclosure
    UIコンポーネント
42. ✅

    ディスプレイ
    display
    タイポグラフィ
43. 🚧

    ディバイダー
    divider
    UIコンポーネント
44. 🚧

    ディム
    dimmed
    未分類
45. 🚧

    テキスト・フィールド
    text field
    UIコンポーネント
46. 🚧

    デザイン・トークン
    design tokens
    未分類
47. 🚧

    トースト
    toast
    UIコンポーネント
48. ✅

    ドロップダウン
    dropdown
    UIコンポーネント
49. 🚧

    ドロワー
    drawer
    UIコンポーネント
50. 🚧

    ナビゲーション
    navigation
    未分類
51. 🚧

    パーマリンク
    permalink
    未分類
52. 🚧

    バイライン
    byline
    タイポグラフィ
53. 🚧

    バッジ
    badge
    UIコンポーネント
54. 🚧

    バレット
    bullet
    タイポグラフィ
55. 🚧

    パンくずリスト
    breadcrumb
    UIコンポーネント
56. ✅

    ヒーロー
    hero
    UIコンポーネント
57. 🚧

    ヒエラルキー
    hierarchy
    未分類
58. 🚧

    ビューポート
    viewport
    未分類
59. 🚧

    ファセット検索
    faceted search
    パターン
60. 🚧

    フィードバック
    feedback
    未分類
61. 🚧

    フィラー・テキスト
    filler text
    タイポグラフィ
62. 🚧

    フィルターとソート
    filter & sort
    パターン
63. 🚧

    フォーカス
    focus
    未分類
64. 🚧

    フォーカス・インジケータ
    focus indicator
    未分類
65. 🚧

    フライアウト・メニュー
    fly-out menu
    UIコンポーネント
66. 🚧

    ブリード
    bleed
    レイアウト / タイポグラフィ
67. 🚧

    フルード・タイポグラフィ
    fluid typography
    タイポグラフィ
68. ✅

    プローズ
    prose
    タイポグラフィ
69. 🚧

    プログレッシブ・エンハンスメント
    progressive enhancement
    未分類
70. 🚧

    プログレッシブ・ディスクロージャ
    progressive disclosure
    パターン
71. 🚧

    ページネーション
    pagination
    UIコンポーネント
72. 🚧

    ベタ組み
    solid setting
    タイポグラフィ
73. 🚧

    ボタン
    button
    UIコンポーネント
74. 🚧

    ポップオーバー
    popover
    UIコンポーネント
75. 🚧

    マイクロ・インタラクション
    micro interaction
    未分類
76. 🚧

    マウス・フォロワー
    mouse follower
    UIコンポーネント
77. 🚧

    マストヘッド
    masthead
    UIコンポーネント
78. 🚧

    メイソンリー
    masonry
    レイアウト
79. 🚧

    メニュー
    menu
    UIコンポーネント
80. 🚧

    モード
    mode
    未分類
81. 🚧

    モダリティ
    modality
    未分類
82. 🚧

    ラジオ・ボタン
    radio button
    UIコンポーネント
83. 🚧

    リード
    lead
    タイポグラフィ
84. 🚧

    リキッド・レイアウト
    liquid layout
    レイアウト
85. 🚧

    リスト
    list
    UIコンポーネント
86. 🚧

    リスト・ボックス
    list box
    UIコンポーネント
87. 🚧

    リンク
    link
    UIコンポーネント
88. 🚧

    ルック・アンド・フィール
    look and feel
    未分類
89. 🚧

    レイアウト・グリッド
    layout grid
    レイアウト
90. 🚧

    レスポンシブ・ウェブ・デザイン
    responsive web design
    レイアウト / パターン
91. 🚧

    奥付
    colophon
    タイポグラフィ
92. 🚧

    段落
    paragraph
    タイポグラフィ
93. 🚧

    目次
    table of contents
    UIコンポーネント / タイポグラフィ
94. 🚧

    禁則処理
    line breaking rules
    タイポグラフィ
95. ✅

    脚注
    footnote
    タイポグラフィ
96. 🚧

    詰め組み
    tsumegumi
    タイポグラフィ

検索

---

レスポンシブ・ウェブ・デザイン

responsive web design

タグ: レイアウト / パターン

---

TODO

• https://web.dev/learn/design/intro#responsive_web_design
• https://bradfrost.github.io/this-is-responsive/patterns.html
• 近年では、media queryの発展的な機能への対応も含めてレスポンシブデザインの範疇と考えられるようになってきている
• v.s. dynamic serving

---