日本最大のポータルサイト「Yahoo! JAPAN」のトップページがリニューアルしたのは、2008年1月のこと。従来の2カラムから3カラムのレイアウトに変わり、世界各国のYahoo!に合わせる形でデザインも一新されました。同時に行なわれたのが、ユーザーインターフェイス(UI)のリッチ化です。新しいYahoo! JAPANのページには、タブ/アコーディオンパネル/フローティングウィンドウなど、ここ数年のトレンドであるAjaxを使ったUIが随所に盛り込まれています。 こうした流れは、トップページだけではありません。リニューアルと前後して、Yahoo! JAPANではさまざまなサービスのUIの改善が実施されています。今回はその中のひとつ、「Yahoo!知恵袋」に注目してみましょう。今年2月にリニューアルされたばかりのこのQ&Aサービスの新しいトップページが、今回のお手本です。 今回のお手本サイト
![Yahoo!の流れるパネルをJSライブラリで再現 (1/5)](https://cdn-ak-scissors.b.st-hatena.com/image/square/52e389794271f3209faff50c7666944e685b7dcb/height=288;version=1;width=512/https%3A%2F%2Fascii.jp%2Fimg%2F2008%2F09%2F06%2F58014%2Fl%2F96c8baa97faa4983.jpg)