Hatena Blog Tags
はてなブログ トップ
ツールチップ
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

ツールチップ

(コンピュータ)
【つーるちっぷ】
このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
Letters from lanternj•2年前

windows エクスプローラのツールチップ機能の無効化

ツールチップ機能は便利でもあるが、最近、ツールチップが表示されるために情報の一部が隠れてしまうことがよくある。 そのため、ツールチップ機能によるファイルの情報表示を無効にしてみた。 エクスプローラ オプション-表示-「フォルダとデスクトップの項目の説明をポップアップで表示する」のチェックを外す 下記を参考にした。 Windows 10ミニTips(206) ちょっと気になるファイル/フォルダーのツールチップを無効にする | マイナビニュース なお、ファイル情報以外に、エクスプローラウィンドウのタイトル部分もマウスオーバーでタイトルと同じものが表示される。これには、これまで余り気付かなかった。 …

#エクスプローラ#ツールチップ#無効化#ポップアップ

ネットで話題

もっと見る
548ブックマークもう他のは要らないかも、なクールなツールチップ作成フレームワーク「Tipped」:phpspot開発日誌もう他のは要らないかも、なクールなツールチップ作成フレームワーク「Tipped」 2011年04月11日- Tipped - The Javascript Tooltip Framework | jQuery & Prototype Tooltips もう他のは要らないかも、なクールなツールチップ作成フレームワーク「Tipped」 これ１つで出回ってるであろう殆どのツールチップは作れる気が...phpspot.org
424ブックマーク「吹き出し」をツールチップとして実装するjsいろいろ - かちびと.netマウスオーバー等で吹き出しが 現れるツールチップのまとめです。 jQueryが殆どになります。 吹き出しは画像やcssを変更 すれば別の形状にする事も可能 なのでうまく活用したいですね。 吹き出し以外のツールチップを実装できるjsをお望みでしたら以下の記事が参考になりそうです。 15 jQuery Plugins To Create A User ...kachibito.net
385ブックマーク[JS]これ最強かものツールチップスクリプト -BeautyTipsシンプルなツールチップも簡単に実装できるだけなく、デザインのカスタマイズが可能で、対応トリガーも豊富なツールチップのスクリプト「BeautyTips」を紹介します。 BeautyTips demo BeautyTipsは機能が豊富というだけでなく、テキストや画像、AJAXコンテンツの表示、ツールチップの表示位置の自動補正など基本性能もし...coliss.com
317ブックマークタブやスクロール、ツールチップなど、Webサイトで良く見かける機能を1つのファイルで実装可能にする国産jQueryプラグイン・Laquu.JS - かちびと.netkachibito.net
304ブックマーク[JS]後発だけに高性能で、実装はシンプルで超軽量のツールチップのスクリプト -jQuery PowerTipjQuery PowerTip jQuery PowerTip -GitHub jQuery PowerTipの特徴 jQuery PowerTipのデモ jQuery PowerTipの使い方 jQuery PowerTipの特徴 実装が簡単。 シンプルな構造。 ツールチップはカーソルに追従とスタティックに表示の2種類をサポート。 ツールチップの追従するエリアは設定可能。 カスタマイズも簡単。 キーボ...coliss.com
304ブックマーク吹き出し方式のツールチップテキスト作成JavaScriptライブラリ:phpspot開発日誌wg:Bubble Tooltips Bubble Tooltips are an easy way to add (via a bit of CSS and javascript) fancy tooltips with a balloon shape to any web page. 吹き出し方式のツールチップテキスト作成JavaScriptライブラリ。 次のような吹き出し方式のツールチップテキストを作成できます。 次のようなJavascriptコードを書...phpspot.org
254ブックマーク[CSS]動きがカワイイ！扇形にふわりと広がるツールチップ -Circular TooltipCreating a Radial Menu in CSS マウスのホバーで、「扇形のツールチップ」がアニメーションで表示されます。 続いて、二つ目のデモ。上記にインスパイアされたもので、動きが絶妙ですごいです！ Circular Tooltip こちらはクリックで、「扇形に広がるツールチップ」がアニメーションで表示されます。 実装はデモページ...coliss.com
245ブックマークデザインから選ぶjQueryツールチップ5つwebimemo.com
243ブックマーク[CSS]これは使ってみたい、繊細で美しいツールチップを実装するチュートリアルHow to create animated tooltips with CSS3 [ad#ad-2] デモ 実装 デモ デモはCSS3アニメーション、擬似要素を使用しているため、Firefox, Chrome, Safariでご覧ください。 Demo 4 最初にぼんやりと大きなツールチップが表示され、縮小とともにはっきりとツールチップを表示します。 実装 HTML ツールチップはリスト要素...coliss.com

関連ブログ

Log•3年前

Reactで長文を短縮表示してツールチップを表示する

ググると出てくる-webkit-boxを利用した方法。IE終焉により思いきれる人も多そうです。今年はIEがWebアプリケーションへたくさん貢献していますね。 実装は宗教上の理由でレガシーなReactで書きます。「Deprecatedｫｫｫｵｵｵ!!!!!」とエディタに怒られて悲しいです。 import React, { Component } from 'react'; export default class EllipsisText extends Component { constructor(props) { super(props); this.ref = React.createR…

#ツールチップ
フロントエンダーのつぶやき•3年前

-webkit-overflow-scrollingが悪さしてツールチップが見切れていた

ポップアップ画面上で、アイコンホバー時にツールチップを表示しようと試みたところ、なぜかiPadでだけ親要素が重なってツールチップが見切れてしまいました。 ※この時実装していたツールチップは、予めhtmlに書いてdisplay:none;にしていた要素をhover時にjsで.show()して表示させていました。 解決策 Webkit独自のCSSプロパティである-webkit-overflow-scrollingを削除したら見切れず表示されるようになりました。 -webkit-overflow-scrollingは今は非標準になっているようです。 参考にさせていただた記事（閲覧日：2022/06/…

#iPad#CSS#ツールチップ