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

1. Flat Design: Can You Benefit from the Trend? - Designmodohttp://designmodo.com/flat-design/

最近流行している「フラットデザイン」について解説した記事です。

フラットデザインとは、ドロップシャドウ、ベベル、エンボス、グラデーションなどを極力使わず、現実世界のものを模してリアルに表現したり立体感を出したりしないデザインのことです。余計な装飾を使わずシンプルにメッセージを伝えたり商品を宣伝することができます。

数年前にポピュラーだったものが復権してきており、Webサイトとアプリ両方のデザインで流行の兆しがあります。Windows 8とGoogleのデザインが、フラットデザインの代表的なものでしょう。

Flat Design（フラットデザイン）のほか、Minimal Design（最小限のデザイン⁠）⁠、Honest Design（純粋なデザイン）などと呼ばれており、マイクロソフトは、Authentically Digital（本物のデジタル）と呼んでいるそうです。

最近、Yahoo! Japanが検索サービスのビジュアルを変更しましたが、これもフラットデザインの流れに乗っているようです。

2. Crazy Website Layout ? maximum creativity - The DesignPin Bloghttp://designpin.co/crazy-website-layout-maximum-creativity/

「Crazy」と呼ばれるほど、非常にクリエイティブなWebサイトを15個紹介しています。

グラフィックスが作り込まれているのもそうなんですが、動きの部分でも細部までこだわって作ってあり、センスが光るサイトばかりです。

3. 25 Examples Of Responsive Website Design Done Right | Who Design Todayhttp://whodesigntoday.com/25-examples-of-responsive-website-design-done-right/

レスポンシブWebデザインがうまく使われているサイトのギャラリーです。

iOSデバイスごとのメディアクエリの設定方法も紹介されています。

4. CSS3 And HTML5 Snippets You Should Be Aware Ofhttp://www.designyourway.net/blog/resources/css3-and-html5-snippets-you-should-be-aware-of/

CSS3とHTML5のテクニックを数多く紹介しています。

取り上げられているテクニックの多くは、コード共有サイトでシェアされているもので、動作確認やコードの確認が簡単にできます。

5. jQuery Plugins for Responsive Web Design - The DesignPin Bloghttp://designpin.co/jquery-plugins-for-responsive-web-design/

レスポンシブWebデザイン関連のjQueryプラグインを8個紹介した記事です。レスポンシブ対応の画像スライダーやフォトギャラリーなどが紹介されています。

jQueryのプラグインが探せるサイトも2つ紹介されていました。

そのほか、最近の記事の中から、じっくり読みたい記事3つを紹介します。

• Cloudinary - Blog - Top 10 mistakes in handling website images and how to solve them
  Webサイトで画像を扱う場合の間違いと解決策について
• 9 Common Misconceptions about Users ≫ Paul Olyslager
  Webサイトのユーザーに関するよくある誤解9つ
• Lessons We Learned from Our Biggest UX and Design Mistakes
  ユーザーエクスペリエンスとデザインの失敗から学んだこと

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

Google Driveを利用しているサードパーティアプリケーション専用のストア（のようなもの）ができたhttp://jp.techcrunch.com/archives/20130208google-integrates-third-party-web-apps-more-deeply-into-google-drive/

今回は、Google DriveとサードパーティによるWebアプリケーションの組み合わせについて紹介します。Google Driveの「作成」ボタンから「アプリを追加」というメニューが選べるようになり、対応アプリを簡単に探せるようになりました。

Google Driveに対応しているWebアプリを使うことで、作成したファイルをGoogle Driveに保存したり、Google Drive上のファイルをWebアプリで開くことができて便利です。

たとえば画像編集アプリのPixlr Editorをあらかじめ追加しておくと、Google Drive上で画像を開いた後「ファイル＞アプリケーションで開く＞Pixlr Editor」を選ぶだけで、その画像をPixlr Editor上で開いて編集できます。もちろん編集した画像はGoogle Drive上に保存できるというわけです。

デスクトップアプリで作ったローカルファイルのクラウドとの同期はDropboxで不満はない人が多いと思いますが、クラウド上で全てを完結させるというGoogle Drive＋サードパーティアプリとの組み合わせには可能性を感じますね。