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

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

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

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

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

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

クライアントを感動させる魅力的なウェブサイトをデザインするためのヒントです。

ヘッダとフッタを固定したテーブルの作り方を紹介した記事です。

テーブルのヘッダとフッタを「position: sticky」で固定する方法で、今は主要ブラウザで機能します。また、横スクロールの場合に最初の列を固定するテクニックも紹介しています。

WebデザインやアプリのUIデザインに役立つ、スマホやブラウザの枠が入ったPDFファイルを配布しています。

紙にプリントアウトして使うためのものですが、iPadとApple Pencilで手書きするときのベースにするなどデジタルでも使えそうです。

そのほか、最近の記事の中から、気になるニュース記事を紹介します。

グーグルが「Workspace」をすべての人に無料開放、アプリ間の統合がさらに深化、個人向け新有料プランも | TechCrunch Japan
Workspaceの知名度は日本では意外と低いので、さらなる普及のきっかけになると思います
Spotify、AI採用Podcast発見ツールのPodzを買収 - ITmedia NEWS
Spotifyに統合されるとのことで、日本のポッドキャストに対応するのが楽しみです
アップル、「⁠Podcastサブスクリプション」を提供開始 - CNET Japan
月額49セント（約54円）から料金を設定でき、年額での課金もできるとのこと

先週の気になるWebサービス

ColorsはアートワークやWebインターフェイスに適した色を探すことができるサービスです。6つのツールに分かれていて無料で利用できます。

シンプルでわかりやすいユーザーインターフェイスです。作ったカラーパレットを出力する機能はなく、色の値をコピーして利用することになります。

SpotifyからClubhouseのようなアプリGreenroomが登場しました。以前買収したLocker Roomをベースに機能強化し、Spotifyに合わせた配色になっています。

ClubhouseもTwitterスペースもソーシャルな繋がりができている中、新たな場所であるGreenroomでまた繋がりを作るのは面倒と思う人も少なくないと思います。ただ、SpotifyでフォローしているポッドキャスターのGreenroomでの配信が通知される機能が興味深いです。

録音機能が用意されているのも、基本録音禁止のClubhouseと別の路線で面白いです。テキストチャットができたり、スピーカーがバーチャル拍手をもらった数が累積されるなどの差別化ポイントもあります。Spotifyのネームバリューもあり、意外とこのジャンルの中で検討するかもしれません。