CSSのみで実現する軽量なツールチップ「Ballon.css」
WEB上で、ボタンや画像などの補足説明に用いられるツールチップ、そこまで多くは見かけませんが、ユーザーナビゲーションとしては直感的で有効な手法で、制作するにあたって導入を検討するWEBデザイナーの方は多いのではないでしょうか？今日紹介するのはCSSのみで実現する軽量なツールチップ「Ballon.css」です。 CSSのみで制作されていますが、なめらかなアニメーションを実現しています。ICONフォントや絵文字にも対応しています。 詳しくは以下 上、下、左、右と4方向にツールチップが出せ、単語から文章まで大きさも5段階にコントロールする事が可能です。 導入は非常にシンプルで、「Ballon.css」CSSを読み込ませて、あとは動かしたい所定の動きをdata-balloon-posという型で呼び出すだけで実装できます。ソースコードなどは「Balloon.css — CSS tooltips fo
Prototip 2 - Create beautiful tooltips with ease
Prototip allows you to easily create both simple and complex tooltips using the Prototype javascript framework. Style: Easy to customize. Position: Complete control over tooltip positions. Round: Configurable rounded corners, no PNG images required. Speech bubble effect! Works on all modern browsers. = Note: This plugin is no longer actively developed, please consider moving to my latest jQuery ba
UbuntuでのEclipseのツールチップの色を変更する
「はてなブログ」に移行しました。 1日1更新……を目指せなくなってきてるブログ。自分の勉強のために作りました。継続は力なり。 今は主にUbuntuとAndroidネタが中心です。 Unity採用以後のUbuntuで使われているGnomeのAmbianceテーマは、Eclipse上でのツールチップ表示の背景が真っ黒になってしまって見辛いったらありゃしない。 背景色を変更する方法を見つけたのでメモ。 テーマの色を変更する方法themes - How to change tooltip background color in Unity? - Ask Ubuntu http://askubuntu.com/questions/70599/how-to-change-tooltip-background-color-in-unity上記Q&Aでは、回答として大別して3つの方法が寄せられている。 テ
バルーンウィンドウのツールチップを表示する
バルーンウィンドウのツールチップを表示するここでは、下図のようなバルーン（吹き出し）型のツールチップ（ツールヒント）（バルーンヒント）を表示する方法を紹介します。 注意：OSの設定によっては、バルーンウィンドウのツールチップを表示できない場合があります。レジストリの「HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Explorer\Advanced」にある「EnableBalloonTips」が「0」の時は、バルーンが表示されません。このような設定になっている場合は、ここで紹介している方法を実行しても何も起こりません。 ToolTip.IsBalloonプロパティを使用する方法.NET Framework 2.0以降では、ToolTipコンポーネントのIsBalloonプロパティをTrueにすることにより、ツールチップ
Tipped - The jQuery Tooltip
Tipped allows you to easily create beautiful tooltips using the jQuery Javascript library. Evolved from the popular Prototip library, Tipped takes tooltips to the next level by using HTML5 to give you full control over the look and feel of your tooltips. Canvas graphics The entire skin of the tooltip, from shadow to loading icon, is drawn using Canvas. This means that tooltip styles can easily be
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
