想定外のためのデザイン

ウェブデザインで予想できない将来のデバイスに対応するデザインは、挑戦的な問題を提起します。2010年に登場したレスポンシブデザインは、パーセントベースのレイアウトとメディアクエリーを使用して、異なるスクリーンサイズに対応するコンテンツを生成するソリューションとして登場しました。ただし、メディアクエリーはコンポーネントの再利用を制限するため、コンポーネントが特定のビューポートサイズに結びつく結果を生みます。ブラウザーで現在サポートされていないコンテナクエリーは、要素が親コンテナのサイズに基づいて変化することを許可し、真正の再利用可能コンポーネントの作成を可能にすることを目指しています。 CSSの進化、例えばFlexboxとCSS Gridは、レイアウトを革命化し、コンテナ行が不要になり、要素が必要に応じてラップまたはフレックスすることができます。CSS Subgridはこれを更に進め、要素が自分のコンテンツと兄弟要素のコンテンツの両方の変更に対応することを許可し、より堅牢なデザインを生成します。 固有レイアウトは、fr単位と固定単位とフレキシブル単位の混合を使用し、レイアウトよりもコンテンツサイズを優先し、任意のスペースとコンテンツのバリエーションに対応するデザインを生成します。このアプローチは、コンテナクエリーに頼らずにレスポンシブコンポーネントを生成するため、顕著な利点を提供します。 しかし、固有デザインは、レスポンシブウェブデザインほどの広範囲な影響を与えていません。既存の組織で仕事をし、学びのカーブがそれほど急ではなかったり、固有デザインのためのフレームワークソリューションの欠如が、遅い採用の要因かもしれません。 固有デザインは、レスポンシブレイアウトのデザインからレスポンシブコンポーネントの作成に焦点を移し、既存のCSS知識を新しい方法で使用して、フレキシブルで適応的なデザインを生成することを強調します。これはウェブデザインのもうひとつの大きな転換を示し、事前に定義されたブレークポイントから、任意のデバイスやコンテンツシナリオに対応するレイアウトに向かって進みます。