basicContext

JavaScript

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

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

basicContext

デモ

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

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

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

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

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

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

basicContext

Animated Weather Cardsシンプルでお洒落なアニメーションつき天気予報「Animated Weather Cards」前のページ

テキストをスクランブルしながら表示していく「Text Scramble Effect」次のページText Scramble Effect

関連記事

  1. no-image

    JavaScript

    プレーンなJavaScriptによるレスポンシブなLightbox「jsOnlyLightbox」

    jsOnlyLightboxは、jQueryなどを必要としないプレーン…

  2. JavaScript

    リスト化した要素を自分が指定した数に分割できるjQueryプラグイン「Easy List Split…

    リスト化した要素を自分が指定した数に分割できるシンプルだけど便利なjQ…

  3. 10のjQueryスニペット

    JavaScript

    Webデザイナーが知っておくべき10のjQueryスニペット

    すべてのWebデザイナーが知っておくべき10のjQueryスニペットが…

  4. jquery.inputmask

    JavaScript

    テキスト入力のマスク(入力補助)を作成する「jquery.inputmask」

    jquery.inputmaskは、ウェブページでのテキスト入力のマス…

  5. jcSlider

    JavaScript

    CSS3を使ったレスポンシブ対応スライダーを実装できるjQueryプラグイン「jcSlider」

    jcSliderは、アニメーションを使用しないスライダーのプラグインで…

  6. Checkify

    JavaScript

    軽量でカスタマイズ性も高いjQueryバリデーションプラグイン「Checkify」

    Checkifyは軽量でカスタマイズ性も高いバリデーション機能を実装で…

最近の記事

  1. スタバ ドリップコーヒー
  2. エチオピア
  3. 紗々 飴色和栗
  4. DCG-CA21
  5. Apple WatchでのMacロック解除を無効

アーカイブ

PAGE TOP