2016年11月第2週号 1位は、独創的なアニメーションを使ったWebデザイン10選、気になるネタは、改札やレジでかざすだけじゃない--最新のiPhone以外でも使える「Apple Pay」

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

独創的なアニメーションを使ったWebデザインの例を10個まとめた記事です。

革新的なアイデアでクオリティも高いサイトが揃っており、思わず人に見せたくなります。一方で、訪問者の印象に残るには、これくらい凝った見せ方をしないといけないのかと考えさせられました。

写真とイラストを同時に使ったデザインでのテクニックを5つ紹介しています。

SassやLESSのようなCSSプリプロセッサはだいぶ普及してきましたが、前（pre）ではなく後（post）で処理をするポストプロセッサを紹介しています。

CSSを記述した後、ベンダープリフィクスを付けたり、特定のブラウザ向けに問題回避の記述を入れるなどの処理をツールを使って自動で行うというわけです。CSSポストプロセッサのためのツールも多数紹介しています。

レスポンシブなグリッドシステムの作り方を解説した記事です。

コラムの幅や間隔をどう計算していくかなどを、順を追って丁寧に説明しています。

WordPressのビジュアルエディタを、プラグインを使わずに拡張する方法を解説した記事です。

メニューにプルダウンを追加して、3種類のボタンを簡単に挿入できるようにするための作業内容を順を追って説明しています。

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

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

Avatarsはイラストのアバター画像を生成するWebサービスです。プロトタイプ作成やデザイン検討のときの、ダミーのプロフィールアイコンとして利用するためのものです。

サイズとユーザー名などの文字列を元にしたURLで、アバター画像が生成されます。プレースホルダー画像（ダミー画像）生成サイトと同じ使い方です。ユーザー名などの文字列が同じならば、常に同じアバター画像が生成されます。

このサイト上でアバター生成を試すこともできます。アバターは5000種類も用意されているそうです。非常にクセが強いイラストなのと、日本人好みじゃないテイストなのとが気になりますが、面白いサービスだと思います。

Apple Payが日本でもスタートしたということで、アプリやウェブサイトでの決済をApple Payでも行えるようになりました。これは、iPhone 7だけでなく、古いiPhoneでも利用できます。

Apple Payに対応しているECサイトなら、指紋認証だけですぐに決済が可能になり、クレジットカード番号を入れるなどの面倒な作業が不要になります。Walletアプリで住所を登録しておけば、各ECサイトで住所を入力する必要もありません。

ユーザー登録やクレジットカード番号の入力が面倒という、はじめてのECサイトが敬遠される理由を、Apple Payで解決できるわけです。BASEやminneのような、個人がハンドメイド品などを販売できるサービスでも対応が予定されていますし、じわじわと浸透していくんじゃないかと期待しています。