The new responsive: Web design in a component-driven world

https://web.dev/new-responsive/

コンポーネント主導の新しいレスポンシブWebデザインについて解説した記事です。

1. ユーザーに対するレスポンシブ ユーザーのパソコンの設定によって、モーションを控えたり、ダークモードにしたり変化します
2. コンテナに対するレスポンシブ 今話題のCSSコンテナクエリを使うことで、親コンテナに基づいたレイアウトができるようになります
3. フォームファクターに対するレスポンシブ デバイスのサイズや形状などに合わせたレイアウトを実現します。たとえば、折りたたみ式画面の端末に最適化したレイアウトなど

図　コンポーネント主導の新しいレスポンシブWebデザインの解説

Choosing colors for mobile app design (5 key principles) | Dribbble Design Blog

https://dribbble.com/stories/2021/05/20/choosing-colors-mobile-app-design

モバイルアプリで色を選ぶときの5つの原則をまとめています。

1. 感情に合わせた色を選ぶ
2. 競合他社がアプリのストアで使っている色を確認する
3. （3色ルールのパレットに）4番目の色を追加する
4. 基本から始める
5. ルールを破ることを恐れない

図　モバイルアプリで色を選ぶときの5つの原則

Frustrating Design Patterns: Mega-Dropdown Hover Menus — Smashing Magazine

https://www.smashingmagazine.com/2021/05/frustrating-design-patterns-mega-dropdown-hover-menus/