2010年9月第3週号　1位は、Webサイトプロジェクトの惨事を回避するための20の質問、気になるネタは、iPod nano を腕時計化するアイテムが続々登場

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

Webサイトプロジェクトの惨事を回避するために知っておくべき、クライアントへの20の質問です。

といった内容でした。

クライアントへの質問シートを用意しておくといいという話はよく聞きますし、これを参考に独自の質問シートを作り上げておくのもいいでしょう。

CSS3のbackground-clipプロパティを使ってボーダーを半透明にするテクニックを紹介しています。

ボーダー部分にRGBAカラーで透明度を指定しても、下のコンテンツが透けません。その領域の背景色がボーダー部分にも存在しているからです。

background-clipプロパティを使って、背景が表示される範囲をボーダーより内側に設定することで、ボーダーから下のコンテンツが透けるようになります。

関連情報として、背景画像の基準点を変更するbackground-originプロパティについても解説しています。

デザインがすばらしいログインフォームのギャラリーです。

実際に使われているログインフォームや、ログインフォームを作るチュートリアル、ほかのギャラリーなど色々なところから集められているようです。

どういうソースになっているんだろうと思ってリンク先にいってみても、ただの画像しか載ってないケースが多いのが残念です。あくまでもデザインを見て参考にするギャラリーと考えた方がいいでしょう。

ミニマルなデザインの広告とWebサイトのギャラリーです。広告42点とWebサイト27点が紹介されています。

Webサイトは画像をクリックして拡大表示されたときにURLが表示されますが、リンクはされていませんでした。

IllustratorとPhotoshopのチュートリアル記事が大量に紹介されています。

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

iSwifter、iPadにFlashゲームをストリーミングするサービスを開始
FacebookのFlashゲームなどが、ストリーミングで実行できるようになるそうです。
新Twitterの右カラムはミニプラットフォームだ―参加各社の思惑を探ってみた
Web版Twitterの新インターフェイスでは、右カラムでFlickrやTwitPicの写真、YouTubeやUstreamの動画などが表示できるとのことです。

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

CSSのコードを整形してくれるWebサービスです。インデントの桁数の指定や、プロパティを一行で書くか複数行にするかなど、オプションが豊富です。

CSSはローカルのファイルを選ぶか、URLを指定してから処理をさせます。

面白いのは、セレクタ部分とプロパティ＆値部分とを2段組のように分けてしまう機能です。全体がきれいに揃っていて、気持ちがいいです。

たとえば、JavaScriptのフレームワークに必要なCSSを自分のCSSに追加するときに、表記ルールを自分の書き方に合わせるといった場合に有効かもしれません。

CSSをProcess（処理）するということで、ProcessorをもじってProCSSorというネーミングがいいですね。

新しいiPod nanoを腕時計化するアイテムが続々登場しています。今回のiPodにはクリップが付いているので、リストバンドのようなものに挟むだけで、簡単に腕時計化はできるようですね。

最近電車の中でiPhoneを使っている人ばかりが目に付きますが、そのうちiPod腕時計の人ばかりなんてことになるのかも…。

冷静に考えれば、イヤホンをつなぐなら腕より洋服に付けた方がコードが邪魔にならないですよね。でも、腕時計型のアイテムに未来っぽさやロマンを感じてしまう人も多いのでしょう。

腕時計型アイテムの未来といえば、漫画やSF映画でおなじみの腕時計型テレビ電話でしょう。テレビ電話機能は、iPhoneやiPod TouchのFaceTimeで実現しています。iPod nanoクラスの大きさでできるようになる日も、そう遠くはないでしょう。

そう思ってイラストを描いたのですが、同じようなことを書いている記事を見つけてしまいました。iPod nanoの腕時計化と同様に、みんな考えること（＝男のロマン？）は一緒のようです。