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. ホワイトチョコマカダミアドーナツ
  2. エッグペペ
  3. ダークチョコレート
  4. 朝のコーヒー
  5. ザンビア
PAGE TOP