2021年6月第4週号　1位は，CSSでの縦横比の設定方法，気になるネタは，Spotifyがライブオーディオアプリ「Greenroom」を提供開始、Clubhouseのライバル誕生

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

1. Let's Learn About Aspect Ratio In CSS - Ahmad Shadeed

https://ishadeed.com/article/css-aspect-ratio/

CSSで縦横比を指定する「aspect-ratio」プロパティが主要ブラウザで使えるようになったので、便利になった点などを解説しています。

実際のコーディング例が豊富でとても参考になります。

図1　CSSでの縦横比の設定方法を解説

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/774241f3-bc7e-423e-a387-d9421d8b3dca/ishadeed.com_article_css-aspect-ratio_(webtech_cap).png

2. Visual Design Principles in UX - Drawer

https://drawer.design/blog/visual-design-principles-in-ux/

UXにおけるビジュアルデザインの原則を解説しています。

ゲシュタルト原理は、人間の脳が見た画像を意味のあるものに統合して整理することと解説していました。

図2　UXにおけるビジュアルデザインの原則

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/bf8f2785-4a4f-4842-9482-b24e195c2d0a/drawer.design_blog_visual-design-principles-in-ux_(webtech_cap).png