2015年11月第1週号 1位は、最近デザインリニューアルされたサイトと変更箇所の紹介、気になるネタは、鍵をひねってウェブサービスを操作するスイッチ「Hackey」

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

この夏デザインリニューアルされたサイト6つを取り上げて、変更されたポイントを解説しています。

同時期にリデザインされたサイトのまとめは、最近の傾向がよくわかって参考になりますが、それほど大きな特徴はないようです。すでにシンプル化、フラット化が済んだ上での、よりユーザーの反応が高くなるための調整という感じがしました。

しいて傾向を挙げるとすると、アクションを促す部分がシンプルではっきりしたボタンになっているところかもしれません。

ユーザーエクスペリエンスデザイン（UXデザイン）を学べる電子書籍、サービス、サイトをまとめた記事です。

有料の電子書籍や学習サイトなど、しっかり学びたい人向けの内容となっていました。

斜めになった図形を使って画像をトリミングするテクニックを紹介した記事です。

以下の5つの項目を実現することを目標とします。

そして、以下の4つの方法を試し、採用になったのは最後の方法とのことでした。

また、CSS clip-pathとTransformを使って領域を斜めに切り取る方法を紹介した、「⁠Angled Edges with CSS Masks and Transforms | Viget」という記事もありました。

CSS FiltersとCSS Blend Modesを使って、インスタグラムのフィルターのような効果を画像に適用する軽量のライブラリです。

classを指定するだけで簡単に適用できるので、いろいろと便利に使えそうです。とはいえ、Internet Explorerに対応していないので、画像にこの効果がかかっていないと成立しないケースでは使えないと思います。

レスポンシブなナビゲーションのサンプル、デモ、チュートリアルをまとめたサイトです。

ドロップダウン、オフキャンバスなどカテゴリごとに見ることもできます。

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

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

今回は、デザインのインスピレーションを得るのに便利な、Webページをコレクションするツールを10個掲載した記事を紹介します。

Historiousは、オンラインブックマークのようなサービスで、登録したページをキャッシュする機能もあります。Licorizeも同様のサービスですが、こちらは集めたページを誰かに紹介する手段に力が入れてあり、オンラインマガジンを作ったり、自分のポートフォリオに使ったりできるようです。

EmberはWebページ全体のスクリーンショットを撮って管理できる便利なツールなのですが、これはWebサービスではなくMacのアプリケーションでした。

カギをひねることでWebサービスを操作できるカギ型スイッチ「Hackey（ハッキー⁠）⁠」の販売が開始されました。「⁠IFTTT」や「Zapier」などのサービスのトリガーとなるわけですね。

アイデア次第で面白いことができそうですが、提供している側も決定版と言える利用法を持っていないようなところが面白いです。スマホをいろんなカギ代わりにしようという動きがある中で、それより便利といえるシーンを探していかないといけないでしょう。

やはりスマホやネットが苦手な層に向けての何かがいいのかなと思ったのですが、そういう家庭にはWi-Fiがなかったりしそうです。ネットに繋がってないとただのカギのおもちゃになってしまいますからね。