2023年以降のレスポンシブデザインガイド

• レスポンシブデザインの紹介
  • 最新のCSSを使用
  • メディアクエリを使用
• ここ数年のレスポンシブデザイン
  • Bootstrap、メディアクエリ、Fixed-Width
• レスポンシブデザインと退屈なウェブサイト
• ウェブは本質的にレスポンシブ
• 2023年以降のレスポンシブデザイン
  • コンテンツの長さに反応
  • ビューポートに反応
  • コンテナに反応
  • ユーザー設定に反応
• レスポンシブなウェブサイト構築の核心は、ウェブサイトを流動的（fluid）にすること
• レスポンシブレイアウトを構築する最新の方法
  • CSS Flexbox
  • CSS Grid Layout
  • Fluid Sizing
  • Size Container Queries
  • Style Container Queries
  • User preference Media Queries
  • Logical Properties
  • Defensive CSS
• 結論

[alstjr7375]

Fluid Sizing については、数年前にビジュアルアングルをベースに作ってみたことがあります。
https://github.com/black7375/fluid-size/…