2009年11月第4週号　1位は、CSS3の新機能をデザインに活かす方法、気になるネタは、THE NORTH FACE タッチパネル対応のグローブを発売中

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

CSS3の新機能の使いどころを、実例とコードで案内しています。

特定の領域を拡大したり、リンクメニューがロールオーバー時に回転したりといった効果を、CSS3で簡単に実現できることを紹介しています。

この記事で紹介されている「MODERNIZR」というJavaScriptライブラリを使うと、使用したいCSS3の機能に対応しているブラウザとそうでないブラウザとでCSSの記述を分けることが簡単にできるようです。

CSSでボタンをデザインするテクニックや情報源を大量にまとめた記事です。

ボタンの背景色やボーダーをCSSで変更するところから始まり、背景画像を使ったボタンや、ロールオーバー時に変化するボタン、CSS3による角丸ボタンなど、CSSでのボタンデザインが網羅されています。

ラベルテキストには行動を表す動詞を使う、最も重要なボタンと二番目のボタンとの区別を明確に付けるなど、ボタンのユーザビリティについての情報がまとめられているのも役に立ちそうです。

Internet Explorerのよくあるバグとその対処法がまとめてあります。

バグが起きた状態の図と実際のサンプルコードが具体的に載っているので、初心者にもとても分かりやすいでしょう。

関連して、「⁠IE 6とIE 7のためのCSSハック16選」という、IEの特定のバージョンだけにCSSを適用させたり、逆にさせないようにするCSSハックを紹介した記事もご参考に。

なお、最近のIE対策としては、なるべくハックを使わずに、IEの条件分岐コメントを使ってIE用に用意したCSSを読み込ませるのがいい方法とされているようです。

Webデザインに使えるボタンなどのパーツ素材を多数紹介しています。素材は、Photoshopファイルなどでダウンロードが可能です。

deviantARTという有名な作品投稿サイトから、商用でもフリーの素材を集めて紹介しているようです。ただし、コピーライトについては使用する前にもう一度チェックしてほしいと書いてありますね。

ECサイトの優れたユーザーインターフェイスデザインを集めたギャラリーです。

日本でも受け入れられそうなシンプルなデザインのサイトが多いですね。

そのほか先週の記事から、デザインのインスピレーションになりそうなギャラリーを紹介します。

Creative And Clever Single Page Portfolio Websites, 40 Stunning Examples | PV.M Garage
1ページ完結のポートフォリオサイトのギャラリーです。
40 of the Best Horizontal Scrolling Websites | Web Design Ledger
最近多い気がする横スクロールサイトのギャラリーです。
How to Use Retro Colors in Your Designs
レトロっぽいデザインのサイトギャラリーと、レトロな色をPhotshopで作るチュートリアルです。
15 outstanding minimal websites | minimalist approach
ミニマルなデザインのWebサイトのギャラリーです。

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

今回は、オンラインのバックアップツールを5つ紹介した記事を取り上げます。

日本でも利用者の多い「Dropbox」も紹介されていますが、複数マシンでの同期やブラウザからの閲覧というより、単純に大量のデータをオンラインでバックアップすることに主眼を置いたツールがメインです。

なので、Dropboxとよく比較されるSugarSyncやZumoDriveは載ってないのでしょう。

最初に紹介されているCrashPlanは、ローカルで使用できるバックアップソフトウェアで、オンラインストレージを使う場合には有料になるというものです。こういったアプローチのツールは今後増えてきそうですね。

ザ・ノース・フェイスからタッチパネル対応の手袋が発売されたそうです。

指先の部分に穴が開いているというわけではなく、人さし指と親指の先端部分に特殊な素材が使われているんだとか。

指2本がタッチパネル用に使えるということなので、ピンチイン／ピンチアウトなどのiPhoneの操作もバッチリ…かどうかは使ったことがないのでわかりませんが、多分大丈夫なんでしょう。

iPhoneユーザーの冬の定番アイテムになるのかもしれません。