iPhone、iPod touch用jQueryプラグイン「jQTouch」

ものすごーく忙しいのがとりあえず一段落して、いろいろなニュースやら何やらを久しぶりに見て回ったら世の中色々進んでてびっくりしました。

なかでも一番驚いたのが「jQTouch」というiPhone、iPod touch用（safari）のプラグイン。jQueryとこのjQTouchを読込むだけで、いかにも「らしい」ページを作成できます。

ここでもデモページを作ろうかと思いましたが、本家のサイトのデモの出来がいいので、そこをご覧いただくのが一番かと思われます（「preview」ボタンから入れます）。
iPhoneかiPod touchで見るのが一番ですが、一応safariかchromeでも見れます（カクカクするけど）。

CSSはブラウザがsafariオンリーなのをいいことにCSS3を駆使した作りになってます。
といっても使ってるのは大体が角丸の装飾部分だけなので、慣れればカスタマイズも問題ないでしょう。
早く仕事でもCSS3が使えるといいのですが…。

一番の見所はアニメーションで、かっこいいわりにすごく簡単なのはさすがjQueryベースのプラグインといったところ。
あらかじめ用意されているクラス名（”slideup”,”dissolove”,”fade”,”flip”,”pop”,”swap”,”cube”）をAタグのクラス名に付けるだけ（何も付けなければ横にスライド）！

残念なのは自分にiPhoneやiPod touch用のサイトを作るような予定がからっきし無いこと…です。

| 2009年10月23日 12:54 | jQuery | コメント＆トラックバック（2）