2010年5月第1週号　1位は、CSS3の新機能をIEでも実現させる方法、気になるネタは、1年で70億枚の顔写真をスキャンしたFace.comが顔認識APIを無料で一般公開

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

CSS3の新機能と同様のことをInternet Explorerでも実現するためのテクニック集です。

透明度、角丸、ドロップシャドウ（テキスト／ボックス⁠）⁠、グラデーション、複数の背景画像、回転を、IEでも実現するためのコードや注意点が解説されています。

テキストに影をつけるtext-shadowプロパティに関してはjQueryプラグインを使ってJavaScriptで実現していますが、ほかのものはIE独自のfilterプロパティやbehaviorプロパティを使った例を紹介しています。

IE独自のプロパティを使うと標準に準拠したCSSではなくなるなど、それぞれの欠点や制限もくわしく説明されています。

回転やグラデーションについては、filterを使ってもCSS3で可能なことの全てはカバーしきれないそうです。

印象深いユーザー体験を与えるインターフェイスデザインを集めた記事です。

Webサイトに限らずiPhoneアプリやデスクトップアプリケーションからもピックアップされています。

使っていて心地よさを感じるソフトは特別な存在になったりしますよね（わたしにとってはCSSEdit、Espressoがそう⁠）⁠。Webサイトでも心地よいユーザー体験を与えてファンになってもらえるのが理想かもしれません。

デザイナーの役に立つオンラインアプリを紹介した記事です。

カラーパレット作成ツール、CSS編集ツール、メニュー／背景パターン／ダミーテキストのジェネレーターなどが紹介されています。

CSSのスキルアップに役立つ、おすすめのCSS3チュートリアル集です。

CSS3の新機能のレクチャーや、今までJavaScriptを使っていたような効果をCSS3だけで実現したもの、jQueryと組み合わせた高度なインタラクションなど、いろいろなチュートリアルが紹介されています。

グローバルナビゲーションメニューを中心とした、美しいナビゲーションを大量にまとめたショーケースです。

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

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

Fonts.comがウェブフォントサービスを始め、現在ベータ版として公開されています。

Web Fontsを使いサーバー上のフォントをCSSで読み込ませるため、ユーザーの環境にインストールされていないフォントを、ブラウザ上で表示できるサービスです。

このFonts.com Web Fontsは、日本語のフォントにも対応しているのがうれしいところ。今のところ、平成明朝、平成角ゴシック、平成丸ゴシックの3書体が使えます。

全てのメジャーなブラウザに対応していて、Internet Explorer 4以上に対応しているところもいいですね。

使い方も簡単で、どのセレクタに対しどの書体を指定するのかはブラウザ上で設定します。HTMLに追加するのは生成されるJavaScript一行だけで、CSSファイルをいじる必要もありません。

一度JavaScriptを追加してしまえば、その後のフォントの変更や追加は全てFonts.com Web Fontsの管理画面からできてしまいます。便利ですね。

日本語フォントの使えるウェブフォントサービスとして、「⁠デコもじ」という日本のサービスもスタートしましたね。こちらはブログをやっている個人向けのようで、手書き風文字などかわいい文字がそろっています。

Facebook上で使える顔認識アプリケーションにも使われているFace.comの顔認識技術が、APIとして一般に無料公開されたそうです。

Facebookの写真アルバム上で、認識された人の顔にタグ（名前）を付けるという機能があるそうなのですが、1年で70億枚の写真を処理して5200万人の顔を認識しているそうです。スゴイ。

公開されたAPIによって、だれでも顔発見／顔認識技術を利用したサービスを作れるようになるということですね。iPhone／Androidアプリで面白いものが次々と出てきそうな予感がします。