前の記事 ≪:画像や外部CSSなしでカスタマイズ可能なローディング画像作成ライブ...
次の記事 ≫:スクロールするとついてくるサイドバーを実装する際に便利なjQueryプ...

スマフォサイト作る際に覚えておくと便利なモバイル用jQueryプラグインいろいろ

2011年08月18日-はてなブックマーク

スポンサード リンク
[PR] 日々膨大に出現するJS/CSSライブラリ等を意識にとどめておく方法
8 Best jQuery Mobile Plugins | ZoomZum

スマフォサイト作る際に覚えておくと便利なモバイル用jQueryプラグインがまとまっていましたのでご紹介。
1から作るとかなり大変そうな機能もライブラリで瞬間的に実装できます。一通りチェックした上でご紹介。

Drag And Scale For IOS
ブロック要素をピンチイン、アウトによって拡大、回転させることも可能です。これでiPhone向けのWEBサイトといってもアプリのような自由度が得られます(デモ)。
こんなことできるんっ、という声が出てしまうかも(Androidはドラッグのみ)


jQuery Mobile Photo Album
リッチなフォトアルバム実装が可能


Jquery Mobile Device Drag And Drop
要素のドラッグ&ドロップが可能


Jquery Swipe
スワイプイベントの実装ができます


jQuery Mobile with Google Map
スマフォブラウザ上で地図を扱う


PhotoSwipe
スワイプできるフォトギャラリーの実装


keep Reading
ページの右下にMoreというボタンを設置して、スクロールしてくれるナビゲーション実装が可能


jQuery Mobile Datebox
日付入力が簡単なカレンダー実装プラグイン


jQuery Mobile ActionSheet
アクションシートの実装が可能


数年後のWEBサイトの作り方はより複雑になっているかもしれませんね。
とはいえこうしたプラグインを使いつつ、JSやCSSの基本を押さえておけば大丈夫と思います

関連エントリ
関連の記事検索:jQuery, スマートフォン, jQuery Mobile, 携帯, プラグイン, iPhone
スポンサード リンク

By.KJ : 2011年08月18日 09:00 livedoor Readerで購読 Twitterに投稿

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