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

1. Developing Responsive Designs With Opera Mobile Emulator | Smashing Mobilehttp://mobile.smashingmagazine.com/2012/08/30/responsive-designs-opera-mobile-emulator/

レスポンシブなサイトを作るのに役立つ、Operaモバイルエミュレーターの使い方を解説しています。

Operaモバイルエミュレーターは、スマートフォンやタブレット端末をエミュレーションするデスクトップアプリケーションです。Windows、Linux、Mac OS X版があります。

デバイス名を選ぶとその機種の画面サイズでエミュレーターが開きます。画面サイズをカスタマイズして指定することも可能です。縦画面、横画面の切り替えも簡単です。Opera Mobileをパソコン上で動かすものなので、残念ながらiOSやAndroidの標準ブラウザでの表示テストにはなりません。

タッチ操作ができるようになっており、トラックパッドでスクロール、ピンチイン、ピンチアウトなどの操作ができます。ダブルタップの操作にも対応しています。

2. Tools And jQuery Plugins To Help You Design A Website For Mobilehttp://www.designresourcebox.com/tools-and-jquery-plugins-to-help-you-design-a-website-or-a-web-app-for-mobile/

モバイル向けサイトを作成するのに役立つツールやjQueryプラグインをまとめた記事です。

モバイルサイトやレスポンシブなサイトを作る際に役立つフレームワークやツール、スクリプトが紹介されています。

iWebInspectorというiPhone／iPadのSafariのシミュレーターも載っていました。Operaモバイルエミュレーターと同様なアプリケーションですね。ただし、XcodeとiOSのSDKが必要ということです。

3. 11 Web Designs with Innovative Navigation - NewEvolutionhttp://newevolutiondesigns.com/11-web-designs-with-innovative-navigation

革新的なナビゲーションのWebデザインをまとめて紹介しています。

シングルページ完結の、スクロールで見せていくサイトが相変わらず目立っていますね。

4. Fun Examples of Cardboard Texture in Website Design / Design Ticklehttp://www.designtickle.com/2012/08/examples-cardboard-web-design/

ダンボールのテクスチャーを使った、Webデザインに使えそうな素材のギャラリーです。

UIエレメントやアイコンなど、ダンボールのテクスチャーを活かしたデザインが数多く紹介されています。

5. 15+ Free and Premium jQuery Scrolling Plugins - DesignModohttp://designmodo.com/jquery-scrolling-plugins/

スクロールに関するjQueryプラグインを多数紹介しています。

スクロールできるエリアを作るもの、視差スクロールを実装するものなどが掲載されています。

今流行のスクロールで見せていくシングルページサイトを作るときに、役立ちそうなまとめ記事です。

そのほか、最近の記事の中から、気になるガジェット関連の記事を3つ紹介します。

• カセットの音源をiPhoneに取り込む『The Cassette To iPod Converter⁠』⁠ - #RyoAnnaBlog
  レコードに続き、カセットテープからiPhoneに録音できるガジェットが登場です。
• サンコー、中高年ユーザーの救世主『iPhone対応らくらく操作ルーペ』を発売
  ルーペを付けてiPhoneの画面を見やすくしようという昭和感あふれるグッズです。
• ソニーの電子書籍端末「Reader」新モデル9980円で--FacebookやEvernoteにも対応 - CNET Japan
  値段が安くなって、FacebookとEvernoteに対応したそうです。

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

BootTheme : Web Design Tool and Theme Generator for Twitter Bootstraphttp://www.boottheme.com/

BootstrapのデザインカスタマイズができるWebサービスです。

色やサイズなどの変更が、プレビューを見ながら行えます。ボタン一つでスマートフォンやタブレットのサイズにプレビューを切り替えられるようになっているのも便利です。

カラーピッカーやセレクトボックスのようなものはなく、変更個所は全てテキストで入力するようになっています。そのへんは、Bootstrap公式サイトにあるカスタマイズページから特に進歩のない操作感ですね。

このページ自体がBootstrap、LESS、jQuery、アイコンフォントで作られたレスポンシブなサイトになっていて、今どきのスピーディに開発されたWebアプリの実例として見ても面白いです。