2021年3月第2週号 1位は、アイコンフォントではなくSVGを使うことのススメ、気になるネタは、憧れのタレントからサプライズでビデオメッセージが届くサービス「heyhey」日本上陸

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

アイコンフォントの使用をやめてSVGを使おうという記事です。アイコンフォントの問題点とSVGの良い点、SVGを使う時の注意などを解説しています。

アイコンフォントと比較してのSVGの良さを、以下の項目で説明していました。

UXデザインのプロトタイピングについてのガイドです。

などを解説しています。

カード型レイアウトなどで複数の画像のサイズを統一するために、object-fitと共にaspect-ratioを使う方法を解説しています。aspect-ratioで縦横比を指定することで、レスポンシブで幅が変わっても同じサイズに揃えられます。

さらに画像にCSSでグラデーションを追加する方法も紹介しています。

グラスモーフィズムのジェネレーターです。ガラスのように背景がぼやける半透明の領域を作り、CSSとしてコピーできます。

前回紹介したニューモーフィズムのジェネレーターと同じところが作っていますね。

ネット上の情報を整理するコンテンツキュレーションツールを紹介した記事です。

Flipboard、Pocket、Feedly、Instapaper、Pinterest、Paper.liといったツールがまとめられています。

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

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

Vidjetはサイト上にポップアップ表示されるビデオを作るサービスです。無料プランもありますし、ログインなしで試せるのも気が利いています。

動画の表示される位置や表示方式などを、デスクトップ用とモバイル用とで別々に設定できます。表示方法は、モーダルウインドウのように中央に表示され動画以外の部分が暗くなる表示と、右下か左下にフローティング表示されるかを選べます。

また、ページを開いたときに動画を表示するか、ボタンを押したら動画をポップアップするかを選べます。さらに、ページをスクロールしたら動画を表示する設定などもできるようです。

有名人に有料でビデオメッセージを依頼できるサービス「heyhey」がスタートしました。インドでスタートしたサービスの日本上陸とのことです。

ビデオメッセージを頼める有名人をhey!Starと呼んでいて、今のところアスリートの人が多いようです。誕生日、結婚式などのサプライズメッセージなどに使うことを想定しているサービスなんですね。

応募多数の場合は抽選になることもあるようで、メッセージの内容によっては断られるケースもあるとのこと。金額はhey!Starによって異なるようですが、今はだいたいの人が1万1千円でした。思ったより安いですし、hey!Starに人気者が増えると盛り上がるかもしれません。