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

    カッコいいグランジ風のフォント45個まとめ

    グランジ系フォントのまとめです。個人利用向け中心ですが好みのものが多か…

  2. WEB制作関連

    やっぱりオシャレなフォトグラファーのWEBサイト20個

    写真家たちのWEBサイトのまとめです。写真を大きく使ったものが多いです…

  3. WEB制作関連

    ペーパープロトタイピングのすすめ

    みなさんはWEBサイトの画面設計をする時に何を利用するでしょうか。…

  4. WEB制作関連

    海外マーケティングエージェントのWEBサイト21個

    海外のマーケティング会社のWEBサイトのまとめです。デザインクオリティ…

  5. WEB制作関連

    404エラーページ作成のススメ

    通常サイトにアクセスしていてページが削除されていたり、タイプミスなどで…

  6. WEB制作関連

    デザイナーなら必ず知っておきたい国内素材サイト22選

    デザインにはかかせない写真やイラスト、動画などの素材サイトのまとめです…

  1. 話題・トレンド

    これがアップル20年の進化だ。
  2. ソーシャルメディア

    あなたも「いいね!」したくなるファンページのまとめ 海外編
  3. WEB制作関連

    写真を効果的に魅せる6つのjQueryギャラリー
  4. WEB制作関連

    美しい写真に目を奪われるWEBサイトまとめ
  5. WEB制作関連

    便利なオンライン校正管理ツール19選+2
PAGE TOP
Top