2021年8月第3週号 1位は,モバイルファーストとデスクトップファーストの現状,気になるネタは,Zoom、生徒は先生の顔しか見えなくなるバーチャル授業向け機能を追加

ネットで見かけたWebテク(Webテクニック・Webテクノロジー)記事から,Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は,2021年8月9日〜15日の間に見つけた記事のベスト5です。

1. The State Of Mobile First and Desktop First - Ahmad Shadeed

https://ishadeed.com/article/the-state-of-mobile-first-and-desktop-first/

モバイルファーストとデスクトップファーストの現状についてまとめています。CSSを作成するときモバイル向けの小さいビューポート向けから作るか、デスクトップ向けの大きいビューポートから作るかです。

この記事の作者がTwitterでアンケートを取ったところ、以下の結果だったそうです。

どちらかを決めることに固執せず両方のアプローチを混ぜる方法や、メディアクエリを使わずにレスポンシブレイアウトを構築する方法なども解説していて参考になります。

図1 モバイルファーストとデスクトップファーストの現状

ishadeed.com_article_the-state-of-mobile-first-and-desktop-first_(webtech_cap).png

2. Types of Contrast in User Interface Design

https://blog.tubikstudio.com/contrast-in-user-interface-design/

ユーザーインターフェイスデザインでのコントラストの種類と、ユーザー体験において重要な理由を解説した記事です。

UIデザインのコントラストの種類は以下の6つです。

  1. サイズ
  2. 形状