2009年10月第4週号　1位は、CSSのfloatプロパティの謎、気になるネタは、Barnes & Noble、電子書籍端末「nook」を発表—Kindleキラーとなるか

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

「CSSのfloatプロパティの謎」といったタイトルですが、たしかにやっかいな挙動をしてくれるfloatプロパティに関するまとめ記事です。

もともとfloatプロパティは段組みのためのものではないので、段組みレイアウトに使うにはテクニックが必要で、初心者がつまずきやすいところです。

ボックスの中の画像をfloatさせた場合、全体の高さが自動で拡張されないため画像がボックスからはみだしてしまう現象が起きる場合があります。これはよく知られるもので仕様としては間違ってないのですが、これを解決するのにClearfixというテクニックがよく使われます。

この記事でもやはり、Clearfixに関する解説がメインになっていますね。

Internet Explorerではfloatに関して問題が起きることが多いのですが、バグ対策のリンク集が用意されています。

「7 Key Principles That Make A Web Design Look Good」という記事を翻訳しています。

7つのPrinciple（原理、原則）とは、

とのことです。

Webデザイナー／デベロッパーのための、AIRアプリとブラウザのアドオンを紹介しています。

AIRアプリ、ブラウザ＋アドオンは、ほとんどの場合OSを選ばずに使えるというのもうれしいですね。

Adobeが開発したAIRですが、本格的な画像編集ソフトなどがAIRアプリで出てきて、Adobeのソフトがいらなくなったりしそうで複雑です。

フォームを機能強化するためのjQueryプラグインを紹介しています。見た目を変えるためのものもありますが、使い勝手を向上させるためのものが中心ですね。

JavaScriptだけでフォームを複数ページに分割するというのは便利だと思います。

ロゴデザインのチュートリアルのリンク集です。

アプリケーション操作のチュートリアルもあれば、発想の段階からの過程を紹介している記事もありますね。

そのほか先週の記事から、Webデザインのインスピレーションを得るのに参考になりそうなサイトを紹介します。

みんなで作るWEBデザイン参考集「ブックマ！」
投稿型のWebデザインのギャラリーサイトです。Twitterからも投稿できます。
Haystack : Discover the right Web Designer for your next project.
Webデザイナーを探せるポートフォリオサイトです。

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

髪型、りんかく、目、くち…といったパーツを選んで似顔絵を作れるWebサービスです。

Twitterのユーザーアイコンにすることをターゲットとしています。自分の顔写真を使う人は日本人には少ないので、これはいいですね。Wiiのように、Twitterにも標準でこういう似顔絵作成機能が付いたら面白いかもしれません。

作成した画像は48×48ピクセルのPNG画像として保存できます。

日本ではAmazon.comのKindleが買えるようになり話題となっていますが、アメリカでは大手書店チェーンのBarnes & Nobleも電子書籍端末を発表しました。

購入した電子書籍を友人に貸し出すという機能が面白いですね。電子書籍はパソコン、iPhone、その他スマートフォンの一部機種でも読むことができるそうです。

日本で言えば紀伊國屋書店や丸善が電子書籍端末を出すようなものでしょうか。書店が家電メーカーとタッグを組んで、書店ブランドの電子書籍端末を開発するというのは面白いかもしれません。

でも、端末で囲い込みをするより、電子書籍のフォーマットを統一してどんな端末でも読めるようにしてほしいですよね。