2015年11月第3週号　1位は、モバイルファーストでWebサイトをデザインする方法、気になるネタは、スマホ画面に直接押す電子スタンプサービス「PAS+」

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

モバイルファーストのアプローチでWebサイトをデザインする方法について解説しています。

Unicodeの記号の利用というのは、星マークなどは画像やアイコンフォントなどを使わなくても、Unicode Symbolとして用意されている文字を使えばいいじゃないかということです。

CSSで領域の端を斜めにする方法を解説した記事です。背景色の付いた領域の水平方向の区切りをtransformで斜めにしています。

掲載されているSassのmixinを使えば、簡単に向きや角度を設定できます。

Adobe After Effectsで作られた、ユーザーインターフェイスの動くモックアップをまとめた記事です。

After Effectsで実際に編集できるファイルが提供されているので、参考にしたり素材を入れ替えたりしてアニメーションを作れます。

After Effectsだけでなく、Photoshopのアニメーション機能を使ったものもありました。

アニメーションするロゴのギャラリーです。ロゴにちょっとした動きを与えるのがWebで流行っているようですね。

以下の2つの記事は、ロゴをSVGとCSSを使ってアニメーションさせるチュートリアルです。

Webデザイナーや開発者に役立つツールやアプリ、素材、情報をまとめています。PhotoshopやSketchのプラグインやフォントなども掲載されていました。

段ボールで作られた畳んで持ち運べる机「Refold」がかなり気になります。

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

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

FontReachは、フォント名で検索するとそのフォントが使われているサイトのリストを表示するWebサービスです。

GoogleやFacebook、Twitterのような人気サイトが上位に表示されるようになっています。サイト名から探すことはできないのですが、検索結果に出てきたサイト名をクリックすると、そのサイトで使われているフォントの一覧も表示できます。

フォントのランキングを表示して、そこからそのフォントを使っているサイトを探すこともできます。ランク1位のArialは60万以上のサイトで使われているとありますので、相当多くのサイトのフォント情報をデータとして持っているようです。

飲食店などがリピーターを増やすために配布するスタンプカードをデジタル化し、スマートフォンで利用できるようにするサービスが登場しました。

スタンプ型の機器でスマホの画面を押すところがいいですね。店員とお客さん両方にとってわかりやすいはずです。間違えて2回押してしまった場合に簡単に取り消せるのかなど、イレギュラーな対応に柔軟に対応できるのかも気になります。

サービス提供側にうまみがあるビジネスなので、同様のサービスを提供する企業がたくさん出てくるような予感がします。日本の電子書籍のように、同種のサービスが乱立するとユーザーにとっては不便なことが多いので、そうならないことを期待したいです。