2020年2月第1週号 1位は、2020年のUIトレンドまとめ、気になるネタは、友達から資金募れるアプリ「polca」、10月1日に終了「収益性などを検討した結果」

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

2020年のUIのトレンドについてまとめています。

2020年のモダンなWebデザインとは何かを、実例とともにまとめた記事です。

などの特徴を持つサイトが、解説とともに20個紹介されています。

CSSのカスケードについて初歩的なことをまとめた記事です。優先順位と継承についてわかりやすくまとめています。

カスケーディングの「階段状の滝のような」をイラストを使って表現していたり、クイズ形式で答えはクリックすると表示されるなど、見せ方が凝っていてクオリティが高いです。

アイコンデザインの7つのルールを紹介しています。

参考になるUIインタラクションとアニメーションをまとめた記事です。実際のサイトに使われているものではなく、Dribbbleに掲載された作品でした。

アニメーションGIFの埋め込みに使っているGfycatというサービスも知らなかったので参考になりました。

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

「Unicode Emoji 13.0」決定─⁠─タピオカドリンクも遅まきながら登場 - ITmedia NEWS
絵文字にどんどん流行のものを取り入れていくのはなんか違う感じがします
「Google翻訳」アプリ、音声を翻訳してテキスト化する機能が数カ月中に追加 - ITmedia NEWS
マイクから入る音声をテキスト化しつつ翻訳しているそうです
「Facebook外のアクティビティ」管理ツール、全世界で利用可能に - CNET Japan
「⁠インターネット全体でFacebookがユーザーをどのように追跡するかを、ユーザー自身が管理できるようにするもの」です

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

brumm.afは滑らかな影のCSSを生成するサービスです。複数のbox-shadowを適用することで滑らかで自然な影を作るテクニックを使っています。

影は1～10個まで設定できます。最終的な透明度、最終的な距離、最終的なぼかしの強さを設定すると、複数の影がまとめて設定されます。曲線をコントロールすることで微調整もできます。

複数のbox-shadowを重ねがけする手法はたまに使いますが、もともとどこかでもらってきたコードをベースに調整しながら使っていました。このサービスを使えば、簡単に設定できてとても便利だと思います。

友人・知人などから資金を募る「フレンドファンディング」サービスの「polca」がサービス終了を発表しました。以前利用したことがあるサービスなので、終わってしまうのは残念です。

友人・知人に限定して募集を行うのが特徴ですが、URLがわかれば誰でも支援できます。以前は違ったと思うのですが、今は支援を募集している企画がトップページにたくさん表示されているので、通常のクラウドファンディングと差はないように感じました。

中学生がこずかい稼ぎの場として使っているなど、問題点を指摘している人もたくさんいて、そのことも終了の原因かもしれません。「⁠ポルカおじさん」と呼ばれる、面識のない子供たちに支援するのが楽しいという人たちにも、残念なサービス終了なのでしょう。