2006年11月アーカイブ

久しぶりにhttp://www.yahoo.com/に訪れてみると面白い広告が実装されていました。画面中央と右端のDiscover Cardの広告です。とても面白いアクションです。これからこんな広告が増えて行くのですかね。

残念ながらFirefoxで体験することができません。IEでブラウザ表示すると体験できます。

また、この広告に関してフィードバックも集めているようです。何度か見たい方は、中央の"Replay Animation"をクリックしてみてください。z-indexプロパティで重ねているみたいです。

最初は、リキッドレイアウトで画面全体にページ表示されますが、この広告を見終わると適正な画像幅にもリサイズされます。どんなスクリプトを実装しているのか見てみると2724行目あたりに広告のスクリプトが見つかります。javascriptを使ってFlashを流し込んでいるような感じです。興味のある方は覗いてみてください。

blockquoteでの引用を美しく表示するCSSサンプル:phpspot開発日誌のエントリーを読んでみて、イメージ無しでのblockquoteでの引用を二重引用符で表示するCSSサンプルを紹介してみることに。

一つは、24 ways: Swooshy Curly Quotes Without Imagesのエントリーではイメージ画像無しでの二重引用符で括ったblockquoteでの引用表示するHTML+CSSを紹介していることを。

<span></span>要素で二重引用符（開始）と（終了）を囲み、CSSでブロック・フロート設定で括ってあるように表示する方法です。

24 ways

http://24ways.org/

Ajax関連の面白いエントリーがいくつか紹介されています。

二つ目は、IEでは表示されませんが、CSS疑似要素要素（:beforeと:after）を使ってイメージ無しで引用符で括ったようにできる方法を紹介。

国内のタブブラウザLunascapeでは、ブラウザデザインのコンテストを開催しているようです。最優秀デザイン賞は、賞金30万円 + Lunascape公式スキンとしてバンドル予定。

賞金30万円を出すコンテストもそうそうないかと。自信のある方は参加してみてはいかが？応募期間にもまだかなり猶予があります。

応募期間

11月21日(火)〜1月8日(月)

phpspot開発日誌さんのもう一つのサイトが立ち上がったようです。JavaScriptist - javascript/ajax/サンプル/入門/リファレンス/ライブラリ

JavaScriptオンラインエディタやAjax関連のフレームワークのリファレンスなんかもあって良さげな感じです。ブックマーク。

以前のエントリーUniqro.com-シンプルでカッコイイで紹介したUniqlo.comですが、先月からさらにサイトコンテンツが増えました。

（画像Uniqro.comより）

かなりユーザーエクスペリエンスを意識したサイトとしてパワーアップしています。また、国内用サイトも新たに立ち上がったようです。他にも関連サイトをいくつか立ち上げています。

WEBデザインのインスピレーションやページ構築の参考にはいいと思います。ついでにUniqloで買い物する前に商品を決めておくのに利用するにもいいと思います。