JavaScript

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

Opentipはいろんなデザインのツールチップを実装することができるJavaScriptフレームワークです。アラートスタイルやダークスタイル、または吹き出しデザインなど様々な種類のツールチップがあります。

Opentip

以下からOpentipの実際のデモをチェックすることができます。

Opentip

デモ

こんな感じで、drop、Dark style、Alert style、Normal style、Glass styleなどいろんなデザインのツールチップがあります。

いろんなデザインのツールチップ

吹き出しデザインもたくさんあり、表示される位置を指定することもできるのでとても便利ですね。

他にもAjaxに対応していたりと役立つ機能も兼ね備えているので、ツールチップを実装したい時には選択肢の一つとして覚えておきたいところです。

Opentip

カーソルから左の文章を削除するMacのテキストエディットでカーソルの左側にある文章を一気に削減するショートカットキー前のページ

Photoshopで表示する画像サイズを100%の大きさにするショートカットキー次のページ100%の大きさにするショートカットキー

関連記事

  1. Complexify

    JavaScript

    パスワードの強さを視覚的にフィードバックしてくれる「Complexify」

    Complexifyはユーザーが入力したパスワードの強さを視覚的にフィ…

  2. mmenu

    JavaScript

    スマホアプリのように横からスライドするメニューのjQueryプラグイン「mmenu」

    mmenuというjQueryプラグインを使えば、スマホアプリのように横…

  3. Hero slider

    JavaScript

    レスポンシブで横幅フルサイズのスライダーを実装できる「Hero slider」

    Hero sliderはレスポンシブに対応した横幅フルサイズのスライダ…

  4. TabTab.js

    JavaScript

    アニメーション付きで切り替わるjQueryのタブプラグイン「TabTab.js」

    TabTab.jsは素敵なアニメーション付きのタブコンテンツを実装する…

  5. Cloud 9 Carousel

    JavaScript

    サクサク動作する3Dカルーセルを実装できる「Cloud 9 Carousel」

    Cloud 9 Carouselはサクサク動作する3Dカルーセルを実装…

  6. JavaScript

    マウスオーバーなどで画像を拡大してくれるシンプルなjQueryプラグイン「jQuery Zoom」

    マウスオーバーなどで画像を拡大してくれるシンプルなjQueryプラグイ…

最近の記事

  1. 岩木山
  2. パーソナルパーティション

アーカイブ

PAGE TOP