Webサイト発注虎の巻ダウンロード
Webサイト発注虎の巻ダウンロード

スマホサイト構築に便利なドロワーメニュー・スワイプのjQueryプラグインまとめ

ハルエ

スワイプ・フリックで動作可能なスライドショー7選

スマホサイトでスライドショーなどを使用する場合は、UIを考慮し、スワイプやフリックでの動きが必ず求められます。
そんなときに便利なプラグインをご紹介いたします。

PHOTO SWIPE

PhotoSwipe

ダブルタップやピンチインなどの基本的なジェスチャーがすべて対応されています。

flipsnap.js

flipsnap.js

デモ:http://pxgrid.github.io/js-flipsnap/demo.html
ダウンロード:http://pxgrid.github.io/js-flipsnap/download.html

Swipeshow

Swipeshow

ドラッグ型スライドショーが実装できます。

Swipbox.

Swipebox

デスクトップ、スマホ用jQueryの「lightbox」のプラグインです。

Sly

SLY

水平・垂直のスライドや、無限スクロールを実装できます。

TouchSwipe

TouchSwipe

スマホやタッチパッドなどのタッチデバイス用jQueryプラグイン。

TouchSlider

TouchSlider

ボタンをタッチしてスライドさせるタイプのスライドショーになります。

まとめ

ストレスのない快適なスマホサイトを制作するうえで、こういったプラグインが必要不可欠になってきますよね。特にドロワーメニューやスライドショーは使用頻度も高いと思うので、さくっと実装したいときにぜひ使ってみてください。

また、デザイナーのせいと君がjQueryで簡単に実装できるアコーディオンメニューを分かりやすく紹介してくれています。

「超簡単jQuery!“toggle系メソッド”を使ってアコーディオンメニューやタブをさくっと実装する方法」

こちらもぜひ参考に!

 

【jQueryでサイトをリッチに】

今すぐ試してみたくなる!CSS3やjQueryで実装できるリッチなエフェクト6選

アニメーションを高速化するjQueryプラグイン「Velocity.js」を使ってみた

animateとjQuery.Deferredで動きのある「トップへ戻る」ボタンを作ってみよう

入力フォームを更に便利にするjQueryプラグイン5つ

世簡単で高機能!デザイナー必見の汎用性が高いjQueryプラグイン7選

  • 1
  • 2
M o n g o