2017年8月第1週号 1位は、モバイルUXのためにコンテンツ最適化する7つの方法、気になるネタはAdobe「Flash」を2020年末に終了へ

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

より良いモバイルUXのために、コンテンツ最適化する7つの方法を紹介しています。

モバイルUIデザインにおける基本的な画面のタイプをまとめています。

一般的な画面

Eコマース

ソーシャル

音楽

固定ヘッダの実例をまとめた記事です。スクロールとともにアニメーションで現れたり消えたりするなど、いろいろなパターンの固定ヘッダを大量に紹介しています。

固定ヘッダは便利ですが画面上部のスペースを常に使うため、スクロールとともに小さくなるものが多いようです。スクロールすると背景色が付くヘッダも目立ちました。

新しいCSSのプロパティを5つ紹介しています。

CSSフレームワークですが、これをベースにカスタマイズするためのスターターキットです。

グリッドシステムは用意されていません。CSS GridとFlexboxの使用が現実的になってきたので、グリッドレイアウト機能を持たないフロントエンドフレームワークが今後増えていくのでしょう。

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

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

グラデーションを作成し、CSSのコードを取得できるWebサービスです。また、あらかじめ用意されたグラデーションのセットをSketch形式でダウンロードできます。

用意されたグラデーションを編集することで新規のグラデーションを作ります。色の変更や追加、角度や色と色との間隔の調整が可能です。CSSのコードはプリフィックスも付けられます。

ユーザーインターフェイスが非常に良く、省スペースにうまく要素を配置していて感心します。特に、3つ以上の色がある場合に不要な色をドラッグすると、色を追加する＋ボタンがゴミ箱に変化するところが素晴らしいと思いました。

AdobeがWebブラウザ用のFlash Playerの開発と提供を、2020年末に終了すると発表しました。ついにFlashの長い歴史が、東京オリンピックと共に終焉を迎えるんですね。

Flash技術などをベースにデスクトップ／モバイルのアプリを開発するためのAdobe AIRは、今後も開発を継続するとのこと。Adobe Animateは2015年にFlashから名称変更したアプリですが、こちらも継続すると明記されているそうです。

iPhoneでの不採用からケチが付き始めた印象のあるFlashですが、やはりモバイル化の流れに適応するのは難しかったんじゃないでしょうか。すでにiPhoneでフラッシュといえばLEDフラッシュですが、Flashという言葉の意味が一つ消えるのが寂しく感じられます。