WEB制作関連

アプリのようなスライドメニューを実装するプラグイン6選

facebookのスマートホンサイトなどでも採用されているサイドからスライドして表示されるメニューを実装できるプラグインを紹介します。

ちなみにこのサイドからスライドして表示される形式のメニューはドロワーメニューと呼ばれるようです。

表示領域の限られたスマートホンサイトではドロップダウンのメニューもよく見かけますが、格納する内容が多い場合などはコンテンツ位置を固定したままスクロールできるドロワーメニューの方が相性がよさそうですね。

Sidr

drawer_01.jpg

jQuery.mmenu

drawer_02.jpg

PageSlide

drawer_03.jpg

Drawer Slide Menu

drawer_04.jpg

jPanelMenu

drawer_05.jpg

Sidebar Transitions

drawer_06.jpg

ちなみにこのブログのスマートホン版では「Sidr」を利用しています。

それぞれ動作や格納するコンテンツのマークアップの仕方などが異なるので自身のWebサイトにあったものを選んでいただくとよいかと思います。

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

関連記事

  1. WEB制作関連

    特化したテーマのWEBデザインギャラリー7選+1

    昨日に引き続いてWEBデザインギャラリーのまとめです。今回はECサイト…

  2. WEB制作関連

    色とWEBデザイン -ピンク編-

    色別WEBデザインのまとめです。今回のテーマは「ピンク」です。…

  3. WEB制作関連

    タイポグラフィを生かしたWEBデザイン20個

    タイポグラフィを効果的に用いたWEBデザインのまとめです。タイポがお…

  4. WEB制作関連

    今どきなUIデザインサンプル35個

    アプリやWebサービスのインターフェイスに役立ちそうなUIサンプルです…

  5. WEB制作関連

    気持ちもあがる!デザインの美しいEコマースサイト25個

    ネットで買い物というと商品を決めたら一番安いお店を探して・・・というの…

  6. WEB制作関連

    美しい羽根が描けるPhotoshopブラシ44個

    幻想的な雰囲気から何気ないテクスチャなどに活用できそうなPhotosh…

  1. Design Items

    ストレスフリーなネクタイ
  2. 話題・トレンド

    CGのようなストップモーションがカッコいい
  3. WEB制作関連

    美しいナビゲーションが素敵なWebサイト25個
  4. 話題・トレンド

    モレスキンのカッコいい使い方。
  5. WEBマーケティング

    WEB屋の私がブックマークしている国内ブログまとめ
PAGE TOP
Top