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

ツールチップ

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

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

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

#iPad#CSS#ツールチップ

ネットで話題

もっと見る
562ブックマークもう他のは要らないかも、なクールなツールチップ作成フレームワーク「Tipped」:phpspot開発日誌もう他のは要らないかも、なクールなツールチップ作成フレームワーク「Tipped」 2011年04月11日- Tipped - The Javascript Tooltip Framework | jQuery & Prototype Tooltips もう他のは要らないかも、なクールなツールチップ作成フレームワーク「Tipped」 これ１つで出回ってるであろう殆どのツールチップは作れる気が...phpspot.org
431ブックマーク「吹き出し」をツールチップとして実装するjsいろいろkachibito.net
388ブックマーク[JS]これ最強かものツールチップスクリプト -BeautyTipsシンプルなツールチップも簡単に実装できるだけなく、デザインのカスタマイズが可能で、対応トリガーも豊富なツールチップのスクリプト「BeautyTips」を紹介します。 BeautyTips demo BeautyTipsは機能が豊富というだけでなく、テキストや画像、AJAXコンテンツの表示、ツールチップの表示位置の自動補正など基本性能もし...coliss.com
322ブックマークタブやスクロール、ツールチップなど、Webサイトで良く見かける機能を1つのファイルで実装可能にする国産jQueryプラグイン・Laquu.JSkachibito.net
309ブックマーク[JS]後発だけに高性能で、実装はシンプルで超軽量のツールチップのスクリプト -jQuery PowerTipjQuery PowerTip jQuery PowerTip -GitHub jQuery PowerTipの特徴 jQuery PowerTipのデモ jQuery PowerTipの使い方 jQuery PowerTipの特徴 実装が簡単。 シンプルな構造。 ツールチップはカーソルに追従とスタティックに表示の2種類をサポート。 ツールチップの追従するエリアは設定可能。 カスタマイズも簡単。 キーボ...coliss.com
308ブックマーク吹き出し方式のツールチップテキスト作成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
255ブックマーク[CSS]動きがカワイイ！扇形にふわりと広がるツールチップ -Circular TooltipCreating a Radial Menu in CSS マウスのホバーで、「扇形のツールチップ」がアニメーションで表示されます。 続いて、二つ目のデモ。上記にインスパイアされたもので、動きが絶妙ですごいです！ Circular Tooltip こちらはクリックで、「扇形に広がるツールチップ」がアニメーションで表示されます。 実装はデモページ...coliss.com
248ブックマークデザインから選ぶjQueryツールチップ5つwebimemo.com
246ブックマーク[CSS]これは使ってみたい、繊細で美しいツールチップを実装するチュートリアルHow to create animated tooltips with CSS3 [ad#ad-2] デモ 実装 デモ デモはCSS3アニメーション、擬似要素を使用しているため、Firefox, Chrome, Safariでご覧ください。 Demo 4 最初にぼんやりと大きなツールチップが表示され、縮小とともにはっきりとツールチップを表示します。 実装 HTML ツールチップはリスト要素...coliss.com

関連ブログ

hashtag #色々なゆゆぴか•4 日前

ライとかみのこ　Rev.104

Rev.104 #ukagaka #チームゆしゅぱろ ライとかみのこ ちょびっと更新ランダムトーク追加などです！https://t.co/Sv0MtzQvI8 pic.twitter.com/aStQTU5p5O — ゆゆぴか🚂🥐🍩 (@uyupica) 2022年8月13日 ランダムトーク追加 アンカーのジャンプ先がURLの場合に、ツールチップを表示するようにした 忘れてた。 こないだの絵 きんきょう 盆休み、こういうやつ永遠に見て過ごしています。 www.youtube.com この回、派手なクラッシュが2回もあってびっくりだった。

Empowered by expect•6 日前

SSVCのDecision Tableを雑に実装してみる～DecisionRules.io編～

概要 タイトルの通りです。インポート用のExcelファイルを置いておきます。 https://github.com/w4yh/SSVC-decision-tree ファイル： SSVC_Handling_SupplierTable_0.0.2.xlsx 概要 経緯 DecisionRules概要 Excelからのインポートでテーブルを作成する 実行 振り返り エクスカーション DecisionRules良かったです テーブルが力業 decisionのカタカナ表記 経緯 TwitterでSSVCのことを知りました。📝CVSSにとって代わるかもしれない 脆弱性の管理方法 SSVC のすばらしいまと…

Linux あれこれ•8 日前

Flatpak 版のBoxes に「Rocky Linux 9.0」をインストール〈H155-3〉

登録日: 2022-08-09 更新日: 2022-08-14 前回、「Xubuntu 20.04.4 LTS」に VirtalBox とは別の仮想環境として、Flatpak で最新の「Boxes」 をインストールしました。 その「Boxes」にて、「Rocky Linux 9.0」のボックス（ゲストの仮想マシン）を、 問題がある「かんたんインストール」はオフにして、ISO イメージを指定してインストールしました。 その備忘録です。 - - 追記: 「共有フォルダ」を使えるようにするには、依存の関係で「Xfce」グループをインストールする前に、「spice-webdavd」パッケージを rpm…

インフラジスティックス・ジャパン株式会社Blog•14 日前

CData API Server × App Builder でフルスタック・ローコードWeb開発

こんにちは！インフラジスティックス・ジャパン ソリューションコンサルタントの滝元です。 今回はCData API ServerとApp Builderを使ってローコードでAngular アプリケーションを作っていきます。

世紀末ドリル•先月

惑星サバゲー「ICARUS」最新情報（アップデートWeek33※2022年7月22日適用）

惑星サバゲー「ICARUS」詳しくはSteamストアページへ ICARUS最新情報で気になるところをまとめていきます！KATAPAN的に気になるところを注釈入れてます☆ ソース：ICARUS - Icarus Week Thirty-Three Update | Time Pressure #2 - Steam News アップデートWeek33※2022年7月22日適用 今週は「新ミッションシステムその2、新ミッション、アイテム変更システム関連」の内容となっています！それでは見ていきましょう！ イカルスウィーク33アップデート| 時間的プレッシャー＃2 第33週は、イカルスに別の期間限定のミ…

Linux あれこれ•先月

VirtualBox に「Rocky Linux 9.0」(Xfce) をインストール〈H155〉

登録日: 2022-07-18 更新日: 2022-08-04 RHEL クローンの「Rocky Linux 9.0」が「AlmaLinux 9.0」に遅れてやっと公開されました。 「やっと」というのは、それだけ待ち遠しかったという意味です。 RHEL9 (Red Hat Enterprise Linux) のリリースは 2022-05-18 なので、新規にできたコミュニティだけの力で、テスト期間も含めて 2ヶ月ほどでリリースされたのは驚くべきことです。（感謝） - その「Rocky Linux 9.0」を、VirtualBox にインストールしました。その備忘録です。 - RHEL クローン…

世紀末ドリル•先月

惑星サバゲー「ICARUS」最新情報（アップデートWeek32※2022年7月15日適用）

惑星サバゲー「ICARUS」詳しくはSteamストアページへ ICARUS最新情報で気になるところをまとめていきます！KATAPAN的に気になるところを注釈入れてます☆ ソース：ICARUS - Week Thirty-Two Update | Time Pressure - Steam News アップデートWeek32※2022年7月15日適用 今週は「新ミッションシステム、前哨、各UI/UX調整関連」の内容となっています！「時間経過で報酬が変動する新ミッションシステムの実装」、「前哨にエキゾ鉱床の追加※」、そして、「待望のガラス床の実装」などなど。それでは見ていきましょう！ ※2022年…

EGO-LOG•先月

Laravel投稿サイト構築.79 -リプライの種類（後編１）-

目次 前回 妥協案 返信タイプを指定して投稿 再表示で返信タイプを表示 前回 ラジオボタンを画像に置換＋ツールチップ表示がうまくいかない。 妥協案 beforeに画像を表示していて、そこに対してツールチップを表示したいのだが、 ググってみても求めた答えが出てこない（理解できていないだけの可能性が高い）。 ハマりすぎても時間が勿体ないので、以下の形で妥協することにした。 ツールチップでなく文字列をそのまま表示している。 画像が文字列の中央に寄らないのが不満だが目を瞑る。 返信タイプを指定して投稿 再表示で返信タイプを表示 返信タイプを表示する。 リプライ取得部分で、タイプ別に画像ファイル名を指定…

無機物のつぶやき•先月

はてなブログで脚注番号を使い回す

はてなブログで記事を書く際、はてな記法モード ・Markdown記法モードどちらでも脚注を入れることができます。 help.hatenablog.com staff.hatenablog.com 一般的な使い方であれば、これらで事足りると思います。 ※一般的ではない使い方（ギラン販売価格：防具編 【2021/02アップデート版】 - 無機物のつぶやき） 脚注は入れるたび新規番号が振られるため、同一内容の脚注を複数入れると脚注欄がゲシュタルト崩壊します。 記述内容が同じならば番号も同じものを振ったほうが視認性が良いので、改良計画。 はてな記法ではHTMLタグも使用できるので、はてなの脚注に似せる…

EGO-LOG•先月

Laravel投稿サイト構築.78 -リプライの種類（中編２）-

目次 前回 勘違い ボタンの非表示と画像フォーカス 前回 リプライの種類をラジオボタンで選択。 ラジオボタンを画像に置き換える修正をしたが、表示されなくなってしまった状態。 勘違い １つのbladeファイルにテーマ投稿に対する返信と、返信に対する返信の入力欄が存在していて、ラジオボタンの対応をしていない方を表示していただけだった、というオチ。 表示できてました。 ボタンの非表示と画像フォーカス スタイルを追加する。 ----- input[type=radio]:checked+label::before{ border: 3px solid #000; box-sizing: border-…

おもこん•先月

はてなブログのMarkdown徹底解説

※ 強調についての記事に誤りがありましたので訂正しました（2022/7/19）。 はてなブログの編集モードは4つあり、そのうちのひとつが「Markdownモード」です。 しかし、はてなのヘルプにはMarkdownの書き方についてのまとまった記載がありません。 そこで「はてなブログにおけるMarkdownの書き方」をまとめてみます。 目次 はてなのMarkdownとは? オリジナルのMarkdown記法 ブロック要素 段落 見出し 引用 リスト コードブロック 水平線 インライン要素（スパン要素） リンク 強調 コード 画像 エスケープ HTMLの埋め込み はてなブログで使えるGFM拡張 フェン…

愚者のニュース•先月

2022/07/09時点で貯めていたニュース

貯めていたニュース公開、定期的にやってしまう（更新サボりがち） IT 【Windows 11】サインインアカウントとしてローカルアカウントが設定できない？：Tech TIPS - ＠IT https://atmarkit.itmedia.co.jp/ait/articles/2203/03/news020.html 今後状況が変わるかもしれないけれどもとりあえずメモ。 【Windows 11対応】Windowsの「timeout」「sleep」コマンドでバッチファイルの実行を一時停止する：Tech TIPS - ＠IT https://atmarkit.itmedia.co.jp/ait/ar…

世紀末ドリル•先月

惑星サバゲー「ICARUS」最新情報（アップデートWeek31※2022年7月8日適用）

惑星サバゲー「ICARUS」詳しくはSteamストアページへ ICARUS最新情報で気になるところをまとめていきます！KATAPAN的に気になるところを注釈入れてます☆ ソース：ICARUS - Icarus Week Thirty-One Update | Community Feedback #1 - Steam News アップデートWeek31※2022年7月8日適用 今週は「ビルド関連」の内容となっています！「フリービルド機能の実装」、「建築の改善」、そして、ただちに実装されるわけではないですが「MODについての議論がRedditでスタート」しました！それでは見ていきましょう！ 今週…