basicContext

JavaScript

使いやすいコンテキストメニューを実装できる「basicContext」

basicContextはシンプルで使いやすいコンテキストメニューを実装できるのが特徴です。Webアプリなどで操作性のいいコンテキストメニューを取り入れたいという場合に活用できるのではないでしょうか。

basicContext

デモ

デモには3つのボタンが表示されており、左から、Click me!、Right-Click me!、Touch me! (mobile only)というボタンが用意されています。

左のボタンは通常のクリックでコンテキストメニューが表示されます。中央のボタンは右クリックで表示、右のボタンはスマホなどのモバイル端末からタッチすることで表示されるようになっています。

左と中央のボタンはパソコンで試してみたところしっかりと表示されました。右のボタンはモバイルオンリーなのでパソコンからは操作できませんでしたが、iPhoneで試してみたところ、ちゃんとコンテキストメニューが表示されました。

コンテキストメニューのデザインはとてもシンプルで、テキストの横にはアイコンもついていることから、とても分かりやすいメニューに仕上がっています。

一般的なWebサイトやブログにはあまり必要ないかもしれませんが、WebアプリやWebサービスなどでは、活用できるシーンがかなりあるのではないでしょうか?

というわけで、シンプルで使いやすいコンテキストメニューを実装できる「basicContext」のご紹介でした。

basicContext

関連記事

  1. Smooth Scroll behavior polyfill
  2. JavaScript

    いろんなデザインのツールチップを実装できる「Opentip」

    Opentipはいろんなデザインのツールチップを実装することができるJ…

  3. desoSlide

    JavaScript

    サムネイル付きのナビが素敵なスライダーを実装できるjQueryプラグイン「desoSlide」

    desoSlideというjQueryプラグインを使えば、サムネイル付き…

  4. jQuery-ResizableColumns

    JavaScript

    テーブルのカラムをリサイズできる「jQuery-ResizableColumns」

    jQuery-ResizableColumnsは、テーブルのカラムをリ…

  5. crossfade.js

    JavaScript

    スクロールで画像をクロスフェードできるjQueryプラグイン「crossfade.js」

    crossfade.jsというjQueryプラグインを使えば、スクロー…

  6. JavaScript

    カスタマイズ性に優れたタグ入力ができるJSライブラリ・insignia

    insigniaはカスタマイズ性に優れたタグ入力を実装することができる…

最近の記事

  1. macOS Mojaveのダークモード
  2. Olli
  3. 単語帳メーカー(Flashcard Maker App)
  4. 1Password 7

Facebookページ

PAGE TOP