2018年3月第5週号 1位は、ランディングページを良くするための10個のヒント、気になるネタは、Google、虚偽ニュース対策とメディア企業支援の「News Initiative」に3億ドル投入

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

ランディングページを良くするためのヒントをまとめています。

ユーザーとの初めての接触となる場所だということを念頭に置き、目的を持ってデザインすることが重要とのことでした。

アイコンデザインに不可欠なテクニックを紹介しています。

アクセシブルなナビゲーションデザインのヒントを紹介した記事です。

フロントエンドのためのJavaScriptライブラリを10個紹介しています。CodePenの埋め込みでその場で確認できて便利です。

3Dデザインの追加、スクロールに合わせたアニメーション効果、背景でのビデオ再生などを実現するライブラリが掲載されていました。

ホワイトスペースをうまく使ったウェブデザインの実例を10個まとめた記事です。

ホワイトスペースを使うことで、メッセージを強調表示したり、シンプルさを伝えたり、不要な注意をデザインから取り除くことができるとのことでした。

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

Instagram、フィード表示を改善し「New Posts」ボタン追加へ - ITmedia NEWS
「⁠関連性の高い投稿を優先表示することは変えないが、その中でも新しい投稿の優先度を上げる」とのこと
Apple Store、2018年に新宿含め3店舗オープン - ITmedia NEWS
4月7日オープン予定のApple Store新宿のほか、2018年に国内でさらに2店舗オープンするようです
「Googleマップ⁠」⁠、住所のない場所もコード化できる「Plus Codes」に対応 - CNET Japan
「⁠インドの遠隔地のように住所がまったくない地域でも、ユーザーが場所を指定できる」といった目的のようです

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

今回は、ウェブサービスではないのですがSketchでアニメーションを作るプラグイン「Timeline for Sketch」を紹介します。

Sketch上で、Adobe AfterEffectsのようにタイムラインとキーフレームを使ってアニメーションを設定します。作ったアニメーションはmp4ムービーかアニメーションGIFで書き出すことが可能です。

このプラグインはクラウドファンディングで資金を集めて開発に至ったとのことです。将来的にはCSSアニメーション、Lottieなどのコードフォーマットにエクスポートできる予定と書いてありました。なお、InVision Studioには標準でアニメーション機能があります。

Googleが「Google News Initiative」を立ち上げました。この話題の記事をいくつか読んだのですが、記事によって書いていることが微妙に違っているように感じました。取り組みの発表で具体的ではない部分も多いのでしょうがないのでしょう。

「虚偽ニュースへの対策」「⁠メディア企業支援」を進めることで、ネットのジャーナリズムを良いものにしていくことは間違いないようです。Google検索結果などのコンテンツ信頼性を高めるために必要なんですね。

わかりやすいのはGoogleアカウントでニュースメディアの有料記事購読申し込みができる「Googleで購読」（⁠Subscribe with Google）です。この決済にはGoogle Payを使っているようでした。