2017年12月第1週号 1位は、よくあるレスポンシブレイアウトのCSS Gridでのコーディング例、気になるネタは、Amazon、職場用「Alexa for Business」、米国で提供開始

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

よくあるレスポンシブレイアウトの、CSS Gridでのコーディング例を紹介しています。

以下の4つのパターンのデモページとコードをリンクで見られます。

コードの共有に使っているGlitchというサービスも興味深いです。

こちらも、よく使われるレイアウトのCSS Gridでのコーディング例をまとめた記事です。

以下のパターンのコーディング例を、コード共有サービスCodePenによる埋め込みで閲覧できます。

2018年に向けてのUXデザインに関する予測をまとめています。

グラフィックデザインを簡単にするツールを9つ紹介しています。

ツールそのものだけでなく、Photoshopの曲線ペンツール、Illustratorのパペットワープツールといった新機能や、Illustratorのプラグインなども紹介しているところが興味深いです。

現実世界の物をリアルに模したデザインである、スキュアモーフィック（Skeuomorphic）デザインが、UXデザインにおいて復活してきていることを解説しています。

時計、自動車、家電のデジタル化、IoT化において、現実世界のモチーフを模倣したUXデザインが今後重要になるとのことでした。

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

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

UPNGはPNG画像を軽量化＆最適化するサービスです。同様のサービスはいろいろありますが、品質とファイル容量のバランスに自信を持っているようです。

PNG画像をドラッグ＆ドロップすると、自動でおすすめの状態に軽量化します。サイズ（ファイルサイズ）とクオリティのどちらを重視するかをスライダーで調整できます。

複数ファイルをドラッグ＆ドロップして、まとめて処理できるので便利です。ただ、まとめて処理する場合はスライダーでの調整を画像ごとに個別に行うことはできません。

Amazonの音声アシスタントAlexaのビジネス版「Alexa for Business」が発表されました。会議室の予約やコピー用紙の注文などが音声命令でできるようになります。

会議室などに置いてみんなが使える共有デバイスと、個人がデスクに置いて使うパーソナルデバイスを区別して扱い、それら社内のデバイスを一括管理できるようです。

日本のオフィスに音声命令は合わないと思う人も多いかもしれませんが、会社の受付をスマートスピーカーで行うというのはありかなと思います。タッチパネルの無人受付案内システムより、音声で尋ねる方が便利ですよね。