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

1. Breakpoints And The Future Of Websites | Smashing Magazinehttp://www.smashingmagazine.com/2014/07/08/breakpoints-and-the-future-websites/

ブレイクポイントとWebサイトの未来と題して，新たなブレイクポイントの考え方についてまとめた記事です。

レスポンシブWebデザインでは，ウィンドウのサイズによって違ったCSSを適用させます。たとえば，PCとタブレットとスマートフォンの3つのサイズを想定して，それぞれのサイズでだけ適用されるCSSを設定するわけです。その切り替える境目のことをブレイクポイントと呼びます。

このブレイクポイントは画面サイズで決めるわけですが，これからのWebデザインでは，コンテキスト（文脈）をブレイクポイントにすべきではないかとのこと。たとえば，以下のような条件が考えられるようです。

• ユーザーの視覚・聴覚などの能力
• ユーザーがいつもいる場所
• ユーザーがいつどこにいるか
• ユーザーが使っているデバイス
• ユーザーがそのサイトを好きかどうか

2. Designing for Thumbs - The Thumb Zone - The Usabilla Bloghttp://blog.usabilla.com/designing-thumbs-thumb-zone/

スマートフォン向けに，親指の届きやすい範囲を考えてデザインしようという内容です。ちょっと古い調査結果で，しかも日本の調査ではありませんが，49％のスマートフォンユーザーが親指1本で操作しているそうです。

指の届きやすさで画面を3段階に色分けした「Thumb Zone（親指ゾーン）⁠」が載っていますが，あくまでも自分の指を元にした一例だとのことです。

FacebookとBBCのアプリ画面に，Thumb Zoneを重ねて使い勝手について考察しています。

また，左手で操作する人のことも考えたThumb Zoneを見ると，快適に使えるエリアがかなり小さいことが分かります。

3. What’s new for designers, July 2014 | Webdesigner Depothttp://www.webdesignerdepot.com/2014/07/whats-new-for-designers-july-2014/

Webデザイナーのためのツールや素材などをまとめた記事で，新しいのものを集めています。

Webアプリケーション，フレームワーク，グリッドシステム，ゲームプラットフォーム，インスピレーションリソース，Photoshopのプラグイン，テキストエディタ，フォントが紹介されていました。

4. Best font hosting services and self hosting tools for 2014http://smashinghub.com/best-font-hosting-services-and-self-hosting-tools-for-2014.htm

Webフォントをホスティングしているサービスを紹介した記事です。

「Google Fonts」以外の選択肢として，フォントサブスクリプションサービスや，フォントをWebフォントに変換するためのツールなどが紹介されています。

5. Beautiful Clean Web Designs for Inspirationhttp://www.webdesignai.com/minimal-web-designs-examples/

すっきりきれいなWebデザインのギャラリーです。

適切なタイポグラフィ，ネガティブマージン（ホワイトスペース）⁠，優れた配色などで，シンプルできれいに作られたWebデザインの数々が掲載されています。

そのほか，最近の記事の中から，ツールやサービスに関する気になる記事を紹介します。

• lollytin beta 1.4 - A yummy HTML5 blockouterer!
  Bootstrap3ベースのモックアップを簡単に作れるサービスです。
• 高品質な素材を無料ダウンロードできるCreative Cloud Marketが登場 - 448.jp blog
  Adobe CC有償ユーザーのための無料素材サービスの紹介。Behanceからセレクトされているそうです。
• 「短冊メーカー」の“⁠パクリ⁠”指摘された「tanzaku.net」が謝罪，サービス終了 - ITmedia ニュース
  話題になったパクリ問題ですがすぐに解決しました。

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

Simple Sharing Buttons Generator by @fourtonfishhttp://simplesharingbuttons.com/

シンプルなシェアボタンを作るためのサービスです。

1. アイコンのデザインを決める
2. どのソーシャルメディアのボタンを作るかを決める
3. ボタンを設置するWebページの情報を入れる

といった3つのステップで簡単にシェアボタンのセットを作れます。

なお，画像アイコンの場合はアイコンがダウンロードでき，Webフォントの場合はリンクや設定の仕方が紹介されます。

一見ステップ毎に別ページに遷移しているように見えますが，同一ページ内をスクロールしているだけです。ジェネレーターとしては，ありそうであまりなかったパターンですね。