Open Web Apps の効果的なレイアウト実装の背景にあるガイドと理論。
- レスポンシブデザインのビルディングブロック
- モダンなアプリレイアウトに不可欠なトピックとも言えるレスポンシブデザインの基礎について学びましょう。
- レスポンシブデザインとアダプティブデザイン
- 「レスポンシブ」「アダプティブ」という用語について、また、それらがどう関連しているかについて、分かりやすく説明します。
- モバイルファースト
- レスポンシブなアプリケーションのレイアウトを作り込む際、最初にモバイル向けのレイアウトを行い、その後で広い画面向けにレイアウトする方が理にかなっていることがよくあります。
- レスポンシブルサイトのためのグラフィックス
- レスポンシブなサイトやアプリケーションのためにグラフィックスをデザインする際に考慮すべきアイデア。
- レスポンシブルナビゲーションパターン
- デスクトップと同じようにスマートフォンでも見た目に優れ快適に動作する UI を設計するには？ ユーザの画面サイズに応じて変わる UI の設計方法を学びましょう。
- 可変ボックス
- 可変ボックスは、柔軟でレスポンシブなレイアウトのための非常に便利な CSS 機能です。