2021年10月第4週号 1位は、効果的なランディングページをデザインするための5つの重要事項を例、気になるネタは、Apple Musicに「Voice Plan（ボイスプラン）」が登場日本を含む17地域で2021年秋にサービス開始：Siri専用

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

効果的なランディングページをデザインするための5つの重要事項を例とともに解説した記事です。

CSSのobject-fitとbackground-sizeの使い方について使用例とともに解説した記事です。

具体的なユースケースとして以下のコーディング例を紹介しています。

マイクロインタラクションに関するガイドです。マイクロインタラクションによってユーザー体験を改善するためのヒントも紹介しています。

レスポンシブWebデザインのこれまでを簡単に振り返りつつ、新たな時代に突入したことを解説しています。

ユーザー自身の特定の好みやニーズに合わせて設定できるユーザープリファレンスベースのメディアクエリや、親コンテナに基づいてルールを設定できるコンテナクエリが、今後のレスポンシブWebデザインで重要になるとのことでした。

グラデーションのジェネレーターです。キーとなる色をベースにあらかじめ用意されたグラデーションを選べます。

グラデーションの角度を変えることはできますが、あとから色の変更はできません。CSSのコードを表示してコピーして使えます。

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

先週の気になるツール／サービス

CSSの背景パターンを多数用意したサービスです。SVGではなくCSSグラデーションなどで実装した純粋なCSSを生成します。

背景色、図形の色を選ぶことができ、透明度と図形のサイズを変更できます。変更すると全ての背景パターンのプレビューが変更されるのでわかりやすいです。

デフォルトでの図形のサイズが大きめなので柄が主張しすぎに思えるのですが、サイズを小さくして地味目の色にすると、どれもいい感じに思えてくるはずです。

Apple MusicにSiri経由での利用に限定した月額480円のVoiceプランが発表されました。AirPodsやHomePod miniのユーザーに安価にApple Musicを使ってもらうプランのようです。

空間オーディオやロスレスオーディオ、歌詞、ミュージックビデオが利用できないなどの機能制限があります。Voiceプランは体験版的な意味合いもあると思うのですが、せっかくの空間オーディオが使えないのは残念です。

安価でお手軽に利用できるので学生にいいかと思ったのですが、大学生なら同額で学生プランが使えそうですし、親も使っているならファミリープランという選択肢もあります。曲のダウンロードもできないので、学生が通学中に音楽を聴くのにも向かないですね。