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

1. 15 Detailed Responsive Web Design Tutorials | Design Woop | The Web Design and Development Bloghttp://designwoop.com/2012/03/15-detailed-responsive-web-design-tutorials/

レスポンシブWebデザインのチュートリアル記事を多数紹介しています。

レスポンシブWebデザインを提唱したEthan Marcotteによると、

• 流動的なグリッド（fluid grid）
• 流動的な画像（fluid images）
• CSS3のメディアクエリ（media queries）

の3つの要素がポイントとのことで、これらを学ぶのに役立つ記事がまとめられています。

レスポンシブWebデザインのデザインギャラリーとして、以下のまとめも参考になると思います。

• Responsive Design Trends for the Mobile Web / Design Tickle
• 50 Responsive Web Design Examples For Your Inspiration | inspiiired magazine

2. 38 Useful and Effective jQuery Plugins for Responsive Web Design | Design Inspirationhttp://designbeep.com/2012/03/28/38-useful-and-effective-jquery-plugins-for-responsive-web-design/

レスポンシブWebデザインのためのjQueryプラグインを各種紹介した記事です。

レスポンシブなサイトの場合、流動的な横幅に合わせて画像や動画のサイズを可変させる必要があります。CSSだけで指定できるケースも多いのですが、JavaScriptライブラリをうまく使うと効率的に作業が進められると思います。

この記事では、横幅が可変する画像スライダー、横幅に合わせてサイズが可変するビデオ、横幅によって変化するメニューなどを実現するためのjQueryプラグインが掲載されています。

Pinterestのように、横幅に合わせてブロックをレンガ状に配置する、定番プラグインのjQuery Masonryも紹介されていますね。

3. Top 25 Google Chrome Extension for Bloggershttp://smashinghub.com/top-25-google-chrome-extension-for-bloggers.htm

ブロガーに役立つChrome拡張機能を多数紹介しています。

ソーシャルメディアでシェアするためのものや、エディタ、スクリーンショット撮影、各種ストックフォトサービスをまとめて検索するものなど、多彩な拡張機能が紹介されています。

Twitterなどのテキスト入力ボックスに、ドラッグ＆ドロップで画像を追加できる「drag2up」という拡張機能が便利そうです。画像自体のアップロード先は、Flickr、Picasa、TwitrPixなどに設定できるようです。

4. Land-of-web ? All about web design ≫ 30 Warm Yellow Website Designshttp://www.land-of-web.com/inspiration/web-design/30-warm-yellow-website-designs.html

黄色ベースのWebデザインのギャラリーです。

黄色はポジティブで活気のある、幸せや良いことを連想させる色ですが、すべてを破壊してしまう色でもあるので気をつけるべきとのことです。

5. 8 Useful iPad Apps for Designershttp://www.graphicmania.net/8-useful-ipad-apps-for-designers/

デザイナーのためのiPadアプリと題して画像編集アプリなどを紹介しています。

新しいiPadのRetinaディスプレイにより、画像編集やお絵かき系のアプリがますます流行るような予感がしますね。

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

• 映画見放題の「Hulu」が月額980円に値下げ--国内テレビ局とも協議 - CNET Japan
  テレビ東京とも提携したHuluが値下げのニュースです
• 「Google Currents⁠」⁠、世界各国で提供開始 - CNET Japan
  有名なiPadアプリ「Flipboard」のようなアプリです
• Google+がリニューアル―ナビが左カラムに移動してカスタマイズ可能に、ハングアウトに専用ページ新設など
  Google+のレイアウトがリニューアルしました

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

Pinvolve - Pinterest for Pageshttp://apps.facebook.com/pinvolve/

Pinvolveは、Facebookページの画像をPinterest風に表示するFacebookアプリです。

Facebookページにカスタムタブが1つ追加され、独自ページとしてPinterestのようなレイアウトが開きます。

画像だけでなく、コメントもPinterestのように表示されたりと、なかなか凝っています。

画像にロールオーバーすると、「⁠Pin it」ボタンが出るので、PinterestへのPinも簡単にできるようになりますね。

Facebookページもタイムライン表示になって、独自タブへのリンクが分かりにくくなりましたが、直接リンクすることはできます。Pinvolveによるページをギャラリーページにして、そのURLを広めるというのもいいかもしれません。

有料版にアップグレードすると、Pinterestの自分のボードを埋め込むこともできるようです。

Pinterestの見た目を真似ただけのものではなく、FacebookとPinterestをいかに連携させていくかといったことを狙ったサービスのようです。