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

1. 8 ways to optimize your site for mobile | Webdesigner Depothttp://www.webdesignerdepot.com/2016/01/8-ways-to-optimize-your-site-for-mobile/

サイトをモバイルに最適化する方法を8つ紹介しています。

1. モバイルファーストを否定しない
2. 流動的なレイアウトを作成する
3. 機能の実現を目的とする
4. ユーザーを識別する
5. 開発者向けのライブラリとガイドラインを常にチェックする
6. すべてのユーザーがすべてのコンテンツを使えるようにする
7. タッチ操作のためにデザインする
8. ファイル容量を圧縮するツールを使う

2. 7 Ways to Design a Killer ‘First Screen’ for Your Website | Design Shackhttp://designshack.net/articles/graphics/7-ways-to-design-a-killer-first-screen-for-your-website/

最適なファーストビューをデザインする方法をまとめた記事です。

1. 独特な「最初の画面」を作る
2. ナビゲーションは直感的であるべき
3. 一箇所に焦点を集めるようにする
4. 目的に合ったコピーを書く
5. ユーザーに何かを与える
6. ブランディングのための場所を作る
7. 気が散る要素を最小限にする

3. jQuery Cards - A hand selected repository of cool jQuery Pluginshttp://jquerycards.com/

jQueryプラグインをカテゴリや検索で探せるサイトで、1000以上のプラグインが登録されています。

デモはCodePenから、解説文はGithubから取得しているようで、このサイト上に集約されているので便利です。

4. The 20 Best UX articles of 2015 (Part 1) - Usabilla Bloghttp://blog.usabilla.com/the-20-best-ux-articles-of-2015-part-1/

2015年のUX（User Experience）に関する記事から、オススメのものをまとめています。

ベスト20を紹介する第一弾ということで、10個の記事が紹介されていました。

5. Devices — Facebook Design Resourceshttp://facebook.github.io/design/devices.html

各種スマートフォンの素材画像を、PNGとSketch形式で配布しています。タブレットやスマートウォッチ、テレビデバイスは近日公開となっていました。

Facebookが提供しており、他にもスマートフォンを手に持った画像や、iOS 9のUIファイルもダウンロードできます。

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

• 1月13日に旧Internet Explorerのサポートが終了「8・9・10」の更新はお早めに - MdN Design Interactive - デザインとグラフィックの総合情報サイト
  各OSの最新版のInternet Explorerしかサポートしないそうで、Web制作者には朗報です
• Facebook Messengerのユーザーは8億人―2016年のその戦略を探る | TechCrunch Japan
  Facebook Messengerの今後の戦略を紹介しています
• CES 2016：北米中心のサービス事業者から、世界の「NETFLIX」へ――HDR配信は今年後半にスタート (1/2) - ITmedia LifeStyle
  世界130カ国へ拡大とのことで、いろんな国のコンテンツが楽しめるようにもなっていきそうです

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

Placemathttps://placem.at/

Placematは、プレースイメージなどと呼ばれるダミーのイメージを生成するサービスです。同様のサービスは色々とありますが、このサービスの特徴は実際の写真を表示するところと、文字や色を半透明で載せられるところでしょう。

写真は、人物、場所、物の3つのカテゴリから選べます。この手のサービスは開発時に使われることが多いとは思いますが、ライセンス上問題のない写真から引っ張ってきているので安心です。

画像の処理に関しては、imgixというサービスを使っています。imgixは画像のリサイズや切り抜き、ぼかしなどの加工や、テキストやロゴを重ねるなどの処理がAPIでできるサービスで、とても便利そうです。