Slinky

JavaScript

モバイルライクなナビゲーションメニューを実装できる「Slinky」

Slinkyは軽量でレスポンシブに対応したモバイルライクなナビゲーションメニューを実装することができるプラグインです。アプリのメニューのように、スライドで上下の階層メニューを行き来できます。

Slinky

デモ

デモでは、各メニュー項目の右側に矢印のアイコンが付いているものがあり、このメニュー項目をクリックすると、その下にある階層のメニューがスライドで表示されます。

アプリのような感覚で使えるシンプルな操作性がとても良好ですね。サクサクした動作でストレスなく快適にナビゲーションメニューを操作できます。

デザインに関しても余計な装飾などがなく、シンプルでとても見やすいです。多階層のナビゲーションメニューをシンプルな形で設置したいという人にはとても最適なプラグインになるのではないでしょうか?

Slinkyに用意されているオプションには、resize、speed、theme、titleがあります。デフォルト値は、resizeがtrue、speedが300、themeがslinky-theme-default、titleがfalseです。

また、オプションの他にはAPIもいくつか用意されています。

Slinky

関連記事

  1. ScalableLightbox

    JavaScript

    ミニマルでレスポンシブに対応したLightbox風のjQueryプラグイン「ScalableLigh…

    ScalableLightboxはミニマルなデザインでレスポンシブに対…

  2. Accessible Dialog

    JavaScript

    ナビゲーションメニューをモーダルダイアログで表示する「Accessible Dialog」

    Accessible Dialogは、ナビゲーションメニューをモーダル…

  3. no-image

    JavaScript

    クッキーバナーを手軽に作れるjQueryプラグイン「Cookie Banner JS」

    Cookie Banner JSは、Webサイト上に表示させるクッキー…

  4. simpleDialog

    JavaScript

    レスポンシブ対応のシンプルなポップアップ・ダイアログを実装できる「simpleDialog」

    simpleDialogはレスポンシブに対応したポップアップ・ダイアロ…

  5. Swipebox

    JavaScript

    スマホやタブレットのスワイプにも対応したLightboxを実装できるjQueryプラグイン「Swip…

    今後かなり需要がありそうなjQueryプラグインがあったので使い方も兼…

  6. animateClick

    JavaScript

    ボタンクリック時にアニメーションをつけれる「animateClick」

    animateClickはボタンをクリックしたときにアニメーションをつ…

最近の記事

  1. ネクスタイム
  2. フォールドオーバーポーチ
  3. 田沢湖
  4. ハクバ シリコンクロス
  5. トライポッドスリーブ

Instagram始めました

Facebookページ

PAGE TOP