カスタマイズ性が最強のツールチップ実装jQueryプラグイン「Protip」:phpspot開発日誌
Protip - Yet another jQuery tooltip plugin カスタマイズ性が最強のツールチップ実装jQueryプラグイン「Protip」 表示位置、アニメーションのカスタマイズ、好きなコンテンツの掲載、スキン機能など、これでもかという位ツールチップに込めている辺がある種凄い 表示位置をとっても、基本は４箇所のライブラリがほとんどですが１６箇所選べます 関連エントリ 軽量・レスポンシブなツールチップ実装「tipso」 入力値にエラーがある場合にツールチップを表示できる「jQuery-Validation-Bootstrap-tooltip」 ツールチップ等、画面をはみ出していたら表示位置を変える等できる「offscreen.js」 新しいデザインのツールチップサンプル集 ツールチップスタイルのツールバー実装「Toolbar.js」
GoogleマップやFacebook風など、自由にカスタマイズできるツールチップ「BeautyTips」:phpspot開発日誌
GoogleマップやFacebook風など、自由にカスタマイズできるツールチップ「BeautyTips」 2009年03月03日- BeautyTips Demo Page GoogleマップやFacebook風など、自由にカスタマイズできるツールチップ「BeautyTips」が公開されました。 Google Map 風がなかなか面白いです。Google Mapじゃないけどページ内にGooglemap風の吹き出しを表示できます。 次のような角丸＆枠付＆半透明という高度なツールチップを作ることも可能です。 以下のようなFacebookスタイルも実現できます。 エレメントの上下左右に表示することが出来るみたい。 関連エントリ JavaScriptを使わずCSSのみでシンプルなツールチップ実装 ツールチップを作るのならこれかもという多機能jQueryプラグイン「Simpletip」 カスタマイズ
[JS]これ最強かものツールチップスクリプト -BeautyTips
シンプルなツールチップも簡単に実装できるだけなく、デザインのカスタマイズが可能で、対応トリガーも豊富なツールチップのスクリプト「BeautyTips」を紹介します。 BeautyTips demo BeautyTipsは機能が豊富というだけでなく、テキストや画像、AJAXコンテンツの表示、ツールチップの表示位置の自動補正など基本性能もしっかりと抑えられており、フォームエレメントへの表示、ツールチップ元の変更なども可能です。 ツールチップはcanvasで描かれており、画像は必要ありません。 対応ブラウザはIE6.x+, Fx3.x, Op8+, Safari3.xとのことで、canvas非対応ブラウザにはExplorerCanvasが使用されています。また、IE6のz-indexへの対応にbgiframe、ホバー処理にhoverIntentが使用されています。 ※Chrome 1, Fx2で
Sweet Titles Finalized
./with Imagination A JavaScript, CSS, XHTML web log focusing on usability and accessibility by Dustin Diaz Thursday, February 2nd, 2006 I’ve been meaning to get to this for quite some time… so without further waiting… Introducing Sweet Titles 1.0 Final In this final release I have changed the file names to give it a fresh start. It remains having only three files: sweetTitles.css addEvent.js swee
（余計な吹き出しを出さないように改変）吹き出し方式のツールチップテキスト作成JavaScriptライブラリ[to-R]
吹き出し方式のツールチップテキスト作成JavaScriptライブラリ wg:Bubble Tooltipsで紹介されている吹き出し方式のツールチップテキスト作成JavaScriptライブラリBubbleTooltips.jsですけど結構面白いです。 ただこのままだと実運用に微妙なのでちょっと改造。 まず既存のonloadアクションとバッティングする可能性があるので １行目に以下のコードを追加 (function(){enableTooltips("id名")})(); これで <script type="text/javascript" src="BubbleTooltips.js"></script> をボディー要素を閉じる直前に配置することで実行されます。 指定したidがないとエラーになるのでfunctionの前後に function enableTooltips(id){ if(do
![（余計な吹き出しを出さないように改変）吹き出し方式のツールチップテキスト作成JavaScriptライブラリ[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
CSSだけでメニューにツールチップヒントを付けるテクニック:phpspot開発日誌
CSS: Menu Descriptions | Mike’s Experiments | MikeCherim.com This is a CSS technique that could be useful if you want to give users accessible added content such as tool-tips, notifications, or alerts, without adding unnecessary clutter to your page. CSSだけでメニューにツールチップヒントを付けるテクニック。 次のようにメニューにカーソルを合わせるとヒントが表示できます。JavaScript不使用なので、JavaScriptが苦手な方も実装可能です。 JavaScriptは使わずにやりたい場合は覚えておきたいテクニックですね。 関連エントリ
Smashing Magazine » Blog Archive » Cheat Sheet Round-Up: Ajax, CSS, LaTeX, Ruby…
AJAX calls do not cover updates from the server, which are needed for the modern real-time and collaborative web. PubSub (as in “publish and subscribe”) is an established messaging pattern that achieves this. In this article, Alexander Gödde will look at precisely how PubSub solves the updating problem, and he’ll look at one particular solution (the WAMP protocol) that integrates both the calling
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.softcomplex.com/products/tigra_hints/