Timeline

Facebookのデザインにも負けない超カッコいいタイムラインを作るJSライブラリ「Timeline」。
一見スライドショーのようでもありますが、タイムライン付きのスライドショーになっています。何かの歴史を語る時には是非使いたいと思ってしまう程のクオリティです。

スライドショー内にはHTMLならなんでも埋め込めるということでYoutubeやGoogleマップがいい感じにレイアウトされて表示されています。



スライドショーと連動してタイムラインもアニメーションします。タイムライン側をクリックしてスライドショーの位置を選択することも可能。
スライドショー部分はドラッグ＆ドロップで移動することができます

タイムライン部分の拡大。う〜ん素晴らしい！


このリッチ感はどんどん加速していきそうですね。
ここら辺までくると、本当に作るのが大変そう。WEB業界で働く人はこういったインタフェースを持ったサイトがFacebook等の企業によってガンガン作られていく時代で今後戦っていく覚悟が必要ですね

関連エントリ

• facebookのタイムラインをjQueryとCSSで作るチュートリアル
• Facebookのタイムラインを作る際に便利なPhotoshopテンプレート
• ○○の歴史を分かりやすくタイムラインにできるjQueryプラグイン「Timelinr」