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

1. Give your Website a Boost with Mobile-First Strategy - DigiServed Bloghttp://blog.digiserved.com/give-your-website-a-boost-with-mobile-first-strategy/

モバイルファーストの戦略によって、Webサイトを発展させるためのヒントを解説した記事です。

以下の項目に分けて説明してあります。

• モバイルの制約に従ってデザインする
• デバイス（例：iOSとAndroid）の機能の違いに基づいて設計する
• モバイルならではの機能（例：GPS）を追加する
• デスクトップ版に機能を適応させる

2. iOS Design vs. Material Designhttp://blog.pipesapp.com/ios-design-vs-material-design/

AppleによるiOS向けデザインと、Googleによるマテリアルデザインを比較しています。

1. スキューモーフィズム
2. ナビゲーション
3. コンテンツ
4. 色
5. Apple／Googleによる管理

以上の5項目で比べていました。

5つ目は英文では「Control」となっていて、AppleやGoogleがどれだけ厳密にルール付けしてコントロールしようとしているかということです。

Appleの方が厳しそうですが、これについてはGoogleのマテリアルデザインの方が決まり事が多くなっています。

3. 15 Super Useful Typography Tools and Frameworkshttp://www.1stwebdesigner.com/typography-tools/

タイポグラフィ関連のツールやフレームワークを多数紹介しています。

テキストを綺麗にレンダリングするフレームワークや、ウィンドウサイズに合わせて文字の大きさを変更するスクリプトなどが掲載されていました。

なお、このブログにアクセスすると、メールマガジンの購読を促す画面が全面に出てくる場合がありますが、Yesの右側にある「結構です」的な薄いボタンを押せば購読しなくても記事を読めますのでご安心を。

4. 20 Websites That Show The Current Web Design Trendshttp://www.webdesigndev.com/websites-that-show-the-current-web-design-trends/

グリッドレイアウト、大きな写真、フラットカラー、Retina対応といった、今のトレンドに合ったWebデザインを集めたギャラリーです。

有名なサイトのリニューアル案などを、behanceに掲載されている作品を中心にセレクトしてあります。

5. 25+ Free and Sought-After jQuery Plugins - Designmodohttp://designmodo.com/free-jquery-plugins/

よく使われている無料のjQueryプラグインをまとめた記事です。

デザインや双方向性、ユーザーエクスペリエンス、リーダビリティなどを向上させる軽量のプラグインを25個以上掲載しています。

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

• Amazon、動画見放題「プライム・ビデオ」スタート 「⁠Fire TV」も国内発売 - ITmedia ニュース
  プライム会員なら追加料金なしで動画見放題です。Fire TV／Fire TV stickも予約が始まりました
• Facebook、「⁠Notes」機能をアップデート--カバー写真の追加などで「Medium」似に - CNET Japan
  Facebook上でブログのように書けるNotes機能がついにアップデートしました
• [Google Keep]iOS版がようやく登場 Google謹製のクラウドメモアプリ - 産経アプリスタ
  2013年3月にサービス開始して、やっとでiOS版が登場です

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

We Love SVG - Google Fonts for icons | Icons8https://icons8.com/welovesvg

「We Love SVG」は、SVGアイコンを自分のサイトやブログに簡単に埋め込むことができるサービスです。

数多くのアイコンセットが用意されているので、そこから使いたいアイコンをクリックすると、埋め込み用のHTMLコードが表示されます。あらかじめ提供されているJavaScriptへのリンクをページに設置しておけば、このHTMLコードを入れるだけでアイコンが表示されます。アイコンは、CSSで色やサイズをコントロールできます。

「Flat Color」というセットはカラーのアイコンで、「⁠Font Awesome」など他のアイコンセットは単色でした。キーワード検索することも可能ですが、複数のアイコンセットを横断して検索することはできません。検索したあとアイコンセットを切り替えていけば、同じキーワードで次々と検索できます。