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

1. 10 Best Design Resources | Jillianastasiahttp://jillianastasia.com/best-design-resources/

Webデザイナーのためのデザイン素材や、インスピレーションを得られる作品や情報などを探せるサイトをまとめた記事です。

ノウハウや情報を与えてくれるブログや、アイコンやベクター素材などが入手できるサイト、デザインの参考になりそうなギャラリーサイトなどが紹介されています。

バナー広告を社名などで探せるMoatというサイトが面白いです。海外のバナー広告は日本のものとはちょっとテイストが違いますが、それでも参考になると思います。

2. Creative Uses of Animated GIFs to Present UI Designshttp://line25.com/articles/creative-uses-animated-gifs-present-ui-designs

UIデザインを見せるために、GIFアニメを利用している事例を紹介しています。

たしかにどれも操作方法がよくわかって、訴求力がある画像ですね。

パソコンやモバイルデバイスの操作画面の動きを見せるものや、写真の一部だけが動くシネマグラフと呼ばれるものなど、最近GIFアニメが使われるケースが増えているようです。

FacebookではGIFアニメを貼っても動かないのですが、Google+では動きます。Pinterestも最近対応しました。Pinterestでは一覧表示のときは動かないのですが、画像上のボタンを押すとアニメーションするようになっています。

3. Discovering Sketch ? Design / UX ? Mediumhttps://medium.com/design-ux/25545f6cb161

Web制作用のデザインツール「Sketch」を詳しく解説した記事です。

Fireworksの開発終了が話題になったときに、乗り換え候補の筆頭として有名になったSketchについて、細かく解説しています。

ちなみに、この記事はMedium上に投稿された記事です。Mediumには、Webデザインに役立つコレクション（Pinterestのボードのようなもの）もあって、Web Design Technique、Design/UXなどのコレクションをわたしはフォローしています。

4. Showcase of Creative Personal Portfolio Websites | Splashnology.comhttp://www.splashnology.com/article/creative-personal-portfolio-websites/11772/

クリエイティブなポートフォリオサイトのギャラリーです。

最近この手のギャラリー記事は、実際にサイトを訪れてスクロールしてみないと、どんなサイトだか分かりませんね。それだけ、一見してシンプルで、スクロールに合わせてコンテンツが展開するサイトが増えたということでしょう。

5. Vine: The Visual Amuse-Bouche Helping Brands Build Buzz - Business 2 Communityhttp://www.business2community.com/social-media/vine-visual-amuse-bouche-helping-brands-build-buzz-0796681

Vineに話題となるようなコンテンツを上げて、マーケティングに利用しようといった記事です。

Visa、Intelなど、ビジネス目的でVineを使っている企業の実例が見られて興味深いです。

そのほか、最近の記事の中から、デザイン素材を紹介した記事を3つ紹介します。

• What’s new for designers, March 2014 | Webdesigner Depot
  デザイナーのための便利なツールや素材などのリストです
• 25 Brand New Freebie Icon Sets from Dribbble Members
  Dribbbleより、フリーのアイコンセットを多数紹介しています
• C.ROWE - Wireframe Kit
  ワイヤーフレーム用の素材がダウンロードできます

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

Glyphr Studio, the free HTML5 based font editorhttp://glyphrstudio.com/

ブラウザ上で動くフォントエディターです。HTML5ベースで作られています。まだベータ版ですが、ブラウザだけでここまでできるのかと話題になっていますね。

ちょっと使ってみただけですが、ベジェ曲線の調整はストレスなく行えました。しかし、アンカーポイントの追加や削除がボタンからしかできないなど、Illustratorに慣れている人には、まだまだ操作性が発展途上に感じられるでしょう。

作ったフォントはTTXという形式のXMLファイルで保存され、TTXというツールを使ってOpenTypeフォントを生成できるそうです。