Ad Network

あわせて読みたい

  • あわせて読みたい

« YUI Compressor が圧縮しやすいコードを書くテクニックに関する一考察 | Main | 「持つ喜び」の演出 »

スライドするUIを実現するiSlider.js

 iAnime.jsのテスト用に作っていたスライドするUI。書いているうちにライブラリ化したくなったので、これもやはりMITライセンスとしてオープンソース化(Google Code iAnimejsよりダウンロード化)。たて・よこ・ななめ、自由にスライドさせることができることが特徴。"easein", "bounce"などのエフェクトも利用可能。

 まずはごく基本的なカード型のUIで横にスライドするもの。


 こんどは同じコンテンツを縦にスライドさせるもの。アコーディオンUIと呼ばれることもある。エフェクトに"bounce"を使っている点に注目。

 軽いのでiPhone/iPod touchでもサクサクと動くのが特徴。

TrackBack

TrackBack URL for this entry:
http://www.typepad.com/services/trackback/6a00d8341c4f9853ef00e54fbf8a118834

Listed below are links to weblogs that reference スライドするUIを実現するiSlider.js:

Comments

Post a comment

This weblog only allows comments from registered users. To comment, please Sign In.