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制作関連

    ユーザビリティを向上させる25の高品質なアイコンセット

    絶妙な質感も持っていてWEBサイトのユーザビリティとデザインクオリティ…

  3. WEB制作関連

    商品の魅せ方がお洒落なECサイト25個

    商品の魅せ方が参考になりそうなECサイトのまとめです。 (さら…

  4. WEB制作関連

    ぜひ参考にしたいオシャレで使いやすい22個の管理画面

    WEBアプリなどの管理画面向けのテンプレートのまとめです。&n…

  5. WEB制作関連

    色とWEBデザイン -茶色編-

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

  6. WEB制作関連

    紙のテクスチャが素敵なWEBデザイン35個

    紙のテクスチャを用いたWEBデザインのまとめです。…

  1. WEB制作関連

    視覚と聴覚を刺激する音楽系WEBサイト30個
  2. WEBマーケティング

    広告コピーにひそむ心理学
  3. 話題・トレンド

    佐藤さんが日本で一番多い理由
  4. 話題・トレンド

    宿泊客をあたたかく出迎えてくれる「Towel Origami」
  5. LifeHack・仕事術

    2011年も使っていきたいWEBツールまとめ
PAGE TOP
Top