本をめくるようなWEBページがつくれる「Turn.js」のススメ

  • 36
    いいね
  • 0
    コメント

turn.jsの紹介

turn.js_pict.png

公式サイト
http://www.turnjs.com/

本みたいなアプリをつくりたいと思い、
jQueryのライブラリを探している時、
メンバーが「turn.js」を見つけてくれました。

どんなライブラリか

マウスでのドラッグやタブレット・iphoneで端を持ってめくると次のページに移動できます。

turn_pict3.png

turn_pict2.png

サンプルも充実

magazineタイプなど様々なタイプが用意されています。

db.png

docs.png

magazine.png

コード

サンプルの一部を抜粋。
画像を差し替えるだけでページに反映される至ってシンプルなコードです

code.png

さいごに

皆さんも他とは違うブック型のWEBサイト等をつくるときなどに
使ってみてはいかがでしょうか?