Slideout.js

JavaScript

軽量でタッチスライド対応のサイドメニュー・Slideout.js

Slideout.jsは軽量でスマフォでのタッチスライドに対応したサイドメニューを実装することができます。jQueryなどを用いずにJSだけで動作するのがいいですね。横からスライドするナビゲーションを取り入れたい時に覚えておきたいところです。

Slideout.js

デモ

スマフォの他に、もちろんPCでもサイドからのスライドメニューを実装することができます。

横にスライドするアニメーション動作もシンプルで違和感がないのがいいですね。自然な感じで操作もとてもしやすいと思います。

モバイルからのアクセスがかなり増えてきているので、これからサイトを制作する時にはこういった機能を活用してモバイルファーストで設計してきたいですね。

というわけで、タッチに対応した横からスライドするメニュー「Slideout.js」のご紹介でした。

Slideout.js

関連記事

  1. TypeIt

    JavaScript

    タイピングアニメーションを実装できる「TypeIt」

    TypeItはタイピングアニメーションを実装できるjQueryプラグイ…

  2. JavaScript

    とても簡単で軽量なjQueryスライダー「jQuery Slider²」を使ってみる

    とても簡単かつ軽量なjQueryのスライダー「jQuery Slide…

  3. Animate Plus

    JavaScript

    CSS、SVGを使った多彩なアニメーションを実装できる「Animate Plus」

    Animate PlusはCSS、SVGを使った多彩なアニメーションを…

  4. Intense Images
  5. Pushbar.js

    JavaScript

    スライドでコンテンツを引き出せる「Pushbar.js」

    Pushbar.jsはスライドでコンテンツやナビゲーションメニューを引…

  6. no-image

    JavaScript

    水平スクロールができることを示唆してくれる「ScrollHint」

    ScrollHintは水平スクロールができることをポインタアイコンを使…

最近の記事

  1. Anker PowerHouse 200

アーカイブ

PAGE TOP