2020年3月第4週号　1位は、デザインにおけるストーリーテリングの10のヒントと事例、気になるネタは、iPadOS 13.4、3月24日にリリース決定。Magic Trackpadなど既存トラックパッドやマウスも利用可能

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

デザインにおけるストーリーテリングについて、10個のヒントと事例を紹介しています。

CSSの値としてマージン、位置、高さ、幅などに使える「auto」に関するガイドです。autoがどう機能するかと、活用方法についてまとめています。

flexbox、CSS Gridでの自動マージンの使い方など、理解しておきたい情報が満載です。

ニューモーフィズムデザインをCSSで実装する方法を解説しています。浮いているのではなく盛り上がっているように見える、ニューモーフィズムの特徴である効果をbox-shadowで実現しています。

ニューモーフィズムのUIを使いすぎると視覚的な階層が理解しにくくなるので、重要な部分のみに使った方がいいとのことでした。

デザイナーのためのエキサイティングなツールをまとめた記事です。ウェブサービス、アプリ、チュートリアル、フォントなどを紹介しています。

有名なサービスの類似サービスをまとめたOpensource Builders、動画の背景を自動切り抜きするUnscreenなど、興味深いものがいろいろ掲載されていました。

FontAwesomeの代わりになるアイコンセットをまとめています。FontAwesomeと同様の使い勝手とはいきませんが、無料で使えるものが揃っています。

Twitterの絵文字アイコンやマテリアルデザインのアイコンもありました。

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

Microsoft Teams、新型コロナで過去1週間のユーザーが1200万人増 - ITmedia NEWS
テレワーカーの増加でユーザー数が過去7日間で1200万人増加、1日当たりのユーザー数は4400万人以上になったそうです
アマゾンがNetflixに続きヨーロッパでの配信品質を低下 | TechCrunch Japan
EUの要請により、Netflix、YouTubeに続きAmazonもヨーロッパ地域でのストリーミングのビットレートを抑制すると発表しました
ビデオ会議への不快なビデオ共有「ZoomBombing」にご注意を | TechCrunch Japan
Zoomリンクが見つかってしまった場合、画面共有で不快な動画や画像を表示されるリスクがあるので対策しておいた方がいいという話でした

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

Animockupはアニメーションするモックアップを作れるサービスです。スマホやスマートウォッチ、パソコンの画面にムービーをはめ込んで、GIFアニメかWebm、mp4でダウンロードできます。

モックアップとして選べるデバイスはAppleのもの中心に20種類くらいあります。はめ込む動画はあらかじめmp4、mov、webmフォーマットで用意しておきます。5MBまでの動画しかアップできません。

背景色を変えたり、文字を入力することも可能です。画像を追加できますが、動画より前面に表示されるので背景には使えません。ロゴなどを入れるためなのでしょう。今のところ無料で使えて、ウォーターマークが入ったりもしません。

iPad Proの新モデルが発表されましたが、トラックパッドを正式にサポートしたiPadOS 13.4も登場しました。トラックパッド付きのMagic Keyboardが話題ですが、Magic Mouse 2、Magic Trackpad 2も動作するそうです。

Magic Keyboardは2018年モデルのiPad Proにも対応するという情報はありましたが、外付けのトラックパッドも使えるかどうかの情報はなくて気になっていました。無事、対応が発表されてうれしいです。

文字入力時のカーソル移動にはトラックパッドが便利だと思いますが、iPadで文字入力しない人にはそれほど使うシーンはないかもしれません。iPadを操作している様子を画面収録するときに、カーソル的なものが表示されるとわかりやすいので、わたしはその点でトラックパッド／マウス対応に注目しています。