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

1. ウェブデザインのユーザーインターフェースに使えるサイトまとめ | DesignWalkerhttp://www.designwalker.com/2009/08/user-interface.html

ユーザーインターフェースパターンに関するギャラリーサイトなどのリンク集です。

ユーザーは今まで使ったことのあるインターフェースの方が使いやすいので，既にポピュラーとなっているパターンをベースに，ユーザーインターフェースを設計した方がいいとされています。その際に，こういったパターン集は力強い味方となることでしょう。

ユーザーインターフェースパターンの通称を知っておくと，検索するときに便利です。

「あー，あの写真がスライドして入れ替わっていくヤツを作りたいんだけど」という場合，「carousel jQuery」や「carousel javascript」で検索すれば色々出てきます。しかし，「carousel（カルーセル）」という言葉を知らないと調べるのは大変ですよね。

「カルーセル」だけで検索すると，上位はカルーセル麻紀のことが出てきて「カルーセル」というのは勤めていた店名から取ったという豆知識を仕入れてしまいました。必要な情報にたどり着くためには，複数の検索ワードを組み合わせるなどの「検索力」も重要だといえるでしょう。

2. 16 Great Photoshop Light Effect Tutorials | Design Shardhttp://www.designshard.com/video-tutorials/16-great-photoshop-light-effect-tutorials/

光の効果をうまく使ったPhotoshopテクニックのチュートリアル集です。

海外のサイトで背景画像に使われていそうな，最近のトレンドに乗った画像が作れそうですね。

Photoshop関連では，「Photoshopの動作を軽快にするための10のポイント | コリス」という記事も役に立つことでしょう。

3. 13 Super Useful jQuery Content Slider Scripts and Tutorials | Web Design Ledgerhttp://webdesignledger.com/tutorials/13-super-useful-jquery-content-slider-scripts-and-tutorials

決まったサイズのエリア内でコンテンツをスライドさせるユーザーインターフェースは，最近すっかりおなじみになった感があります。そういったスライダー，カルーセルとよばれる見せ方を，jQueryで作るためのスクリプトやチュートリアルのリンク集です。

4. Google Maps Mania: Design Portfolios on Google Mapshttp://googlemapsmania.blogspot.com/2009/08/design-portfolios-on-google-maps.html

GoogleマップのAPIを使って，Googleマップと同じようにスクロールや拡大して見ることのできるポートフォリオサイトの紹介です。

Image CutterやAutomatic Tile Cutterというツールを使うと，Googleマップと同じ仕組みのカスタム地図を作ることができるそうです。

ふたつ目に紹介されているBlaubo Designは日本のサイトですね。フキダシで解説が出てきて，しっかりポートフォリオとして完結しています。

5. Website Background Images : Examples and Implementation | [Re]Encoded.comhttp://www.reencoded.com/2009/08/23/website-background-images-examples-and-implementation/

印象的な背景画像のショーケースです。背景だけの画像と実際のWebページを並べて見られるようになっています。大きな写真を背景画像として使うことが海外では流行っているようですね。

Twitterの自分のページも背景画像を変えると印象が変わります。Twitterの背景画像をカスタマイズするための情報源が「Resource Kit To Create, Customize & Find Twitter Backgrounds | W3Avenue」という記事にまとめてありました。

以上，メルマガ「デイリーWebテク」で先週紹介した記事から独断と偏見で選んだベスト5でした。

そのほか先週の記事から，知っておくと役に立ちそうな記事を3つ紹介します。

• 見積もり・発注 - 技術情報Wiki
  「技術情報Wiki」というサイトの「見積もり・発注」に関するページです。
• 10 Data Backup, Storage and Sharing Solutions - Nettuts+
  オンラインでファイルのバックアップ，共有ができるサービスを10個紹介しています。
• The Ultimate Mac Setup for Bloggers（60 Apps）- Mac.AppStorm
  ブログやTwitterをやっている人に便利そうなMacのツールがいろいろ紹介されています。

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

NAVERフォトエディターhttp://photoeditor.naver.jp/

検索サービス「NAVER」を提供しているネイバージャパンから，画像編集のWebアプリケーション「NAVERフォトエディター」が登場しました。

オンラインの無料画像編集ツールはいろいろありますが，ユーザー登録などが一切不要で，メニュー類がすべて日本語なところがNAVERフォトエディターの特長といえるでしょう。

落ち着いた色合いで洗練された印象のユーザーインターフェースに好感が持てます。

ブログに載せる写真をちょっといじりたいという人にはオススメできそうですね。ブログ用と考えると，プリクラ感覚で使えるスタンプツールがあるといいと思いました。

Flickr画像の直接読み込みにも対応する予定なので，今後のアップグレードに期待しましょう。AIRアプリ化しても便利そうですね。