basicContext

JavaScript

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

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

basicContext

デモ

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

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

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

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

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

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

basicContext

関連記事

  1. no-image

    JavaScript

    フラットでシンプルなカラーピッカー実装「Pickr」

    Pickrはフラットでシンプルなカラーピッカーを実装できるのが特徴です…

  2. jCalculator

    JavaScript

    jQueryプラグインで電卓を実装できる「jCalculator」

    jCalculatorというjQueryプラグインを使えば入力フィール…

  3. FlexNav

    JavaScript

    見た目もシンプルでレスポンシブ対応のナビゲーションメニューを実装できるjQueryプラグイン「Fle…

    シンプルなデザインでレスポンシブにも対応したナビゲーションメニューを実…

  4. JavaScript

    スクロール時にナビゲーションが上部に固定されるレスポンシブ対応のjQueryプラグイン「HeadSh…

    スクロールするとナビゲーションが上部に固定配置されるjQueryプラグ…

  5. jquery-confirm

    JavaScript

    アラートやダイアログなどさまざまな機能を実装できる「jquery-confirm」

    jquery-confirmはアラートやconfirm、ダイアログなど…

  6. SweetDropdown

    JavaScript

    スタイリッシュで多彩なドロップダウンを実装できる「SweetDropdown」

    SweetDropdownは、多彩なドロップダウンを実装することができ…

最近の記事

  1. Anker PowerCore Lite 20000
  2. ネクスタイム
  3. フォールドオーバーポーチ
  4. 田沢湖
  5. ハクバ シリコンクロス

Instagram始めました

Facebookページ

アーカイブ

PAGE TOP