CSS3 Menu Slider

JavaScript

モバイル対応のナビゲーションメニューを実装できるjQueryプラグイン「CSS3 Menu Slider」

CSS3 Menu SliderというjQueryプラグインを使えばモバイルにも対応したサイドバーのナビゲーションメニューを実装することができます。PCブラウザではナビゲーションメニューが全部表示され、ブラウザ幅が縮小されるとメニューアイコンに切り替わります。今風な感じのメニューにできますね。

[ads_center]

CSS3 Menu Slider

このようにサイドバーにナビゲーションメニューがある状態からブラウザ幅を縮小していくと…

CSS3 Menu Slider

メニューアイコンに切り替わります。クリックすることで表示・非表示にすることができます。

CSS3 Menu Slider

シンプルですが、使い勝手は良さそうですね。ダウンロードや詳細は以下からどうぞ。

関連記事

  1. no-image

    JavaScript

    フロントエンドアプリケーションを構築するためのJSライブラリ「HyperApp」

    HyperAppは、フロントエンドアプリケーションを構築するための1K…

  2. Tip

    JavaScript

    シンプルなUIで使いやすいツールチップ実装「Tip」

    TipはシンプルなUIによる使いやすいツールチップを実装することができ…

  3. Inspiration for Grid Loading Animations
  4. share-this

    JavaScript

    テキストを選択してシェアできるMediumライクな「share-this」

    share-thisはテキストを選択して手軽にTwitterやFace…

  5. Switch

    JavaScript

    iOSスタイルのシンプルなチェックボックスを実装できる「Switch」

    Switchは、シンプルでパワフルなiOSスタイルのチェックボックスを…

  6. socialShare.js

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. 田沢湖
  2. ハクバ シリコンクロス
  3. トライポッドスリーブ
  4. レンズペン3 ミニプロとレンズペン ELITE マイクロプロ

Instagram始めました

Facebookページ

PAGE TOP