前の記事 ≪:TwitterのFriendsやFollowersをページにアイコン付きで表示するWidget実装jQuery...
次の記事 ≫:1回見たら消える伝言を作れる、使い捨て伝言板サイト「CQC」

Google Wave風のクールなヒストリースライダー作成サンプル&チュートリアル

2009年10月27日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
Google Wave風のクールなヒストリースライダー作成サンプル&チュートリアルです。
jQueryを使ってGoogle WaveのクールなUIを実現しています。



スライドさせる位置によって表示させるコンテンツ量をスムーズに切り替えることが出来ます。
アニメーションが滑らかな点もGood。



左にスライドでコンテンツ量を抑制。最近のエントリだけを表示、のようなことが可能です。



一昔前では考えられなかったUIですが、こうしたUIを使って掲示板なんかを作ったらカッコいいものが出来そうですね。

以下のエントリを参照してください。
Making a Google Wave History Slider ? Tutorialzine
関連の記事検索:JavaScript, UI, チュートリアル
スポンサード リンク

By.KJ : 2009年10月27日 10:05 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)