fosstodon.org is one of the many independent Mastodon servers you can use to participate in the fediverse.
Fosstodon is an invite only Mastodon instance that is open to those who are interested in technology; particularly free & open source software. If you wish to join, contact us for an invite.

Administered by:

Server stats:

9.9K
active users

#tooltips

0 posts0 participants0 posts today
Jonatan Hildén<p>Powerpoint tip: getting custom shapes as image frames is tricky. </p><p>• Import a svg and convert it to shapes<br>• place a Picture placeholder in Master edit mode<br>• then use pathfinder operations under Shape format to combine it with your imported custom shape -&gt; Merge Shape. Here I used ”intersect"</p><p><a href="https://vis.social/tags/powerpoint" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>powerpoint</span></a> <a href="https://vis.social/tags/tooltips" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tooltips</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Previews" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Previews</span></a><br>The web needs anchored popovers · An ideal choice for almost every ‘menu’ and ‘tooltip’ <a href="https://ilo.im/162jsf" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/162jsf</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/ModernCSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ModernCSS</span></a> <a href="https://mastodon.social/tags/Menus" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Menus</span></a> <a href="https://mastodon.social/tags/Tooltips" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Tooltips</span></a> <a href="https://mastodon.social/tags/Popover" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Popover</span></a> <a href="https://mastodon.social/tags/AnchorPositioning" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AnchorPositioning</span></a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Browser</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Frontend</span></a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML</span></a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a></p>
Collabora Office<p>No More Guesswork in Spreadsheets!</p><p>Collabora Online Calc’s contextual tooltips guide you as you type, offering instant formula suggestions and parameter hints.</p><p>Watch now: <a href="https://youtu.be/dW5d2G3bT9U?si=lIXnxgUtuEUa_BQP" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">youtu.be/dW5d2G3bT9U?si=lIXnxg</span><span class="invisible">UtuEUa_BQP</span></a></p><p><a href="https://mastodon.social/tags/FeatureFriday" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FeatureFriday</span></a> <a href="https://mastodon.social/tags/CollaboraOnline" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CollaboraOnline</span></a> <a href="https://mastodon.social/tags/Tooltips" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Tooltips</span></a></p>
James Edwards<p>The ARIA tooltip role is functionally useless and semantically meaningless. The only legitimate use-case for tooltips is to show information that’s already accessibly defined. So tooltips only benefit sighted users, and are therefore presentational.</p><p>That’s my conclusion, and here’s how I arrived at it:</p><p><a href="https://www.tpgi.com/tooltips-are-presentational/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">tpgi.com/tooltips-are-presenta</span><span class="invisible">tional/</span></a></p><p><a href="https://mastodon.world/tags/a11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>a11y</span></a> <a href="https://mastodon.world/tags/accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>accessibility</span></a> <a href="https://mastodon.world/tags/aria" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>aria</span></a> <a href="https://mastodon.world/tags/tooltips" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tooltips</span></a></p>
ꓤɔᴉʇɐʇS<p>Turn the Scrunkadunk on or off.</p><p><a href="https://guild.pmdcollab.org/tags/linux" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>linux</span></a> <a href="https://guild.pmdcollab.org/tags/tooltips" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tooltips</span></a></p>
Samuel Robinson<p>🪵✨ Wood glue is a must-have for woodworking, but not all are the same! From PVA to epoxy, each type has its purpose. Shopping online 🛒 lets you compare reviews &amp; find unique options. Choose wisely for a flawless finish! 💪🔨 <a href="https://theblower.au/tags/Woodworking" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Woodworking</span></a> <a href="https://theblower.au/tags/DIYProjects" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DIYProjects</span></a> <a href="https://theblower.au/tags/ToolTips" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ToolTips</span></a></p><p><a href="https://everydaysync.weebly.com/blog/the-ultimate-guide-to-choosing-the-right-wood-glue-for-your-project" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">everydaysync.weebly.com/blog/t</span><span class="invisible">he-ultimate-guide-to-choosing-the-right-wood-glue-for-your-project</span></a></p>
Jordan<p>Growing up in the &quot;golden age&quot; of home computers (1980&#39;s - 1990&#39;s), I miss when I could just sit down and to do my thing without being constantly distracted by:</p><p>- Unwarranted tooltips (Hello, Microsoft)<br />- Ads embedded in software (Hello, Chrome)<br />- Other UI clutter (Hello, most proprietary commercial software)</p><p>🤮</p><p><a href="https://fosstodon.org/tags/software" class="mention hashtag" rel="tag">#<span>software</span></a> <a href="https://fosstodon.org/tags/microsoft" class="mention hashtag" rel="tag">#<span>microsoft</span></a> <a href="https://fosstodon.org/tags/ads" class="mention hashtag" rel="tag">#<span>ads</span></a> <a href="https://fosstodon.org/tags/tooltips" class="mention hashtag" rel="tag">#<span>tooltips</span></a> <a href="https://fosstodon.org/tags/ui" class="mention hashtag" rel="tag">#<span>ui</span></a></p>
Hugo 雨果<p>Are <a href="https://fosstodon.org/tags/tooltips" class="mention hashtag" rel="tag">#<span>tooltips</span></a> a bad idea?</p><p>They can&#39;t be activated with a mouse (e.g.: no <a href="https://fosstodon.org/tags/accessibility" class="mention hashtag" rel="tag">#<span>accessibility</span></a>), nor can they be activated devices with no pointer (e.g.: tablets).</p><p>If one were to use tooltips, what fallbacks should be considered for the above scenarios?</p>
pablolarah<p>🗨️ Tooltip Best Practices</p><p>by Zell Liew @zellwk at <span class="h-card" translate="no"><a href="https://mastodon.social/@csstricks" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>csstricks</span></a></span> @csstricks.bsky.social </p><p><a href="https://mastodon.social/tags/tooltips" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tooltips</span></a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> <a href="https://mastodon.social/tags/dialog" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dialog</span></a> <a href="https://mastodon.social/tags/popover" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>popover</span></a> <a href="https://mastodon.social/tags/semantics" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>semantics</span></a> </p><p><a href="https://css-tricks.com/tooltip-best-practices/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">css-tricks.com/tooltip-best-pr</span><span class="invisible">actices/</span></a></p>
Tineke Pauw<p>Van alle AI-tools is Claude één van mijn favorieten. Zeker omdat Artifacts zo handig is: in plaats van in een lang chatgesprek, wordt inhoud gegenereerd in een apart scherm. Zo voert Claude bijvoorbeeld analyses voor me uit en helpt het me soms bij de opzet van artikelen, als ik wat inspiratie nodig heb.</p><p>Inmiddels heeft ChatGPT iets vergelijkbaars (maar net even anders): Canvas. Heb jij beide al uitgeprobeerd en wat is je favoriet? </p><p><a href="https://mstdn.social/tags/AI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AI</span></a> <a href="https://mstdn.social/tags/Tooltips" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Tooltips</span></a> <a href="https://mstdn.social/tags/Claude" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Claude</span></a> </p><p><a href="https://www.frankwatching.com/archive/2024/10/21/claude-artifacts-zo-werkt-het/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">frankwatching.com/archive/2024</span><span class="invisible">/10/21/claude-artifacts-zo-werkt-het/</span></a></p>
James Edwards<p>I've come to the conclusion that tooltips are presentational.</p><p>* They're not suitable for accessible description, control hints should be provided in static text.<br>* They're not appropriate for accessible label, this would fail one or more SCs if the control is not otherwise labelled.</p><p>The only useful purpose of tooltips is for sighted users, to provide explanatory text for graphical controls, so its text would always be the same as `aria-label`. </p><p><a href="https://mastodon.world/tags/accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>accessibility</span></a> <a href="https://mastodon.world/tags/tooltips" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tooltips</span></a></p>
Felix Palmen :freebsd: :c64:<p><a href="https://mastodon.bsd.cafe/tags/X11" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>X11</span></a> <a href="https://mastodon.bsd.cafe/tags/programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>programming</span></a> with <a href="https://mastodon.bsd.cafe/tags/xcb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>xcb</span></a>, step by step: <a href="https://mastodon.bsd.cafe/tags/tooltips" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tooltips</span></a> are "done" 😉 (including styling from <a href="https://mastodon.bsd.cafe/tags/XResources" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>XResources</span></a>).</p><p>Hm, what's next ... A tab widget? A menu? "dialog" windows? Will need all of this 🙈</p>
pablolarah<p>Modern CSS Tooltips And Speech Bubbles (Part 2)<br>by Temani Afiff @ChallengesCss at <span class="h-card" translate="no"><a href="https://mastodon.social/@smashingmag" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>smashingmag</span></a></span> <br><a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>css</span></a> <a href="https://mastodon.social/tags/Tooltips" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Tooltips</span></a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> </p><p><a href="https://www.smashingmagazine.com/2024/03/modern-css-tooltips-speech-bubbles-part2/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">smashingmagazine.com/2024/03/m</span><span class="invisible">odern-css-tooltips-speech-bubbles-part2/</span></a></p>
Rez<p>To make tooltips on a mac appear faster, open Terminal</p><p>defaults write -g NSInitialToolTipDelay -int 10</p><p><a href="https://apple.stackexchange.com/questions/462845/how-can-i-manage-hover-tooltips-and-their-delays-on-macos" rel="nofollow noopener noreferrer" target="_blank"><span class="invisible">https://</span><span class="ellipsis">apple.stackexchange.com/questi</span><span class="invisible">ons/462845/how-can-i-manage-hover-tooltips-and-their-delays-on-macos</span></a></p><p><a href="https://mastodon.org.uk/tags/mac" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mac</span></a> <a href="https://mastodon.org.uk/tags/tooltips" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tooltips</span></a></p>
Till Grallert<p><a href="https://digitalcourage.social/tags/Tools" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Tools</span></a> <a href="https://digitalcourage.social/tags/ToolTips" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ToolTips</span></a></p><p>From: <span class="h-card" translate="no"><a href="https://graphics.social/@metin" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>metin</span></a></span><br><a href="https://graphics.social/@metin/111799068106467789" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">graphics.social/@metin/1117990</span><span class="invisible">68106467789</span></a></p>
Steve Frenzel<p>"Most importantly, tooltips should only provide descriptive and non-essential text, giving slightly more detailed text for active elements such as links and form controls. Ultimately, they provide expendable text which is already on the web page."</p><p><a href="https://www.htmhell.dev/adventcalendar/2023/20/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">htmhell.dev/adventcalendar/202</span><span class="invisible">3/20/</span></a></p><p>Great in-depth article about <a href="https://mastodon.online/tags/tooltips" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tooltips</span></a> by Jan Hellbusch. He knows what he's talking about, had the pleasure to be in one of his workshops and he's an absolute pro. 🤯 </p><p><a href="https://mastodon.online/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML</span></a> <a href="https://mastodon.online/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.online/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a> <a href="https://mastodon.online/tags/accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>accessibility</span></a> <a href="https://mastodon.online/tags/a11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>a11y</span></a> <a href="https://mastodon.online/tags/HTMHell" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTMHell</span></a></p>
dbat :godot:<p><a href="https://mastodon.gamedev.place/tags/godotengine" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>godotengine</span></a> <a href="https://mastodon.gamedev.place/tags/tooltips" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tooltips</span></a> <a href="https://mastodon.gamedev.place/tags/docs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>docs</span></a></p><p>Is there any way to set the tooltips/docs on keys set in the ProjectSettings?</p><p>Like, I can do:<br>ProjectSettings.set_setting("cypress/hill", 420)</p><p>But how do I get the tooltip to say something useful?</p>
J. Steven York RESISTS<p>I just bought a set of what must be the shortest screwdrivers in the world. 10mm! Yes, I have a project on the bench that needs these.</p><p><a href="https://mastodon.social/tags/tools" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tools</span></a> <a href="https://mastodon.social/tags/screwdrivers" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>screwdrivers</span></a> <a href="https://mastodon.social/tags/makers" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>makers</span></a> <a href="https://mastodon.social/tags/tooltips" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tooltips</span></a> <a href="https://mastodon.social/tags/tooltime" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tooltime</span></a> <a href="https://mastodon.social/tags/shoptalk" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>shoptalk</span></a> <a href="https://mastodon.social/tags/workshop" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>workshop</span></a> <a href="https://mastodon.social/tags/specialtools" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>specialtools</span></a></p>
DennisL<p>"6 reasons tooltips are a bad idea and what to do instead": <a href="https://adamsilver.io/blog/6-reasons-tooltips-are-a-bad-idea-and-what-to-do-instead/" rel="nofollow noopener noreferrer" target="_blank"><span class="invisible">https://</span><span class="ellipsis">adamsilver.io/blog/6-reasons-t</span><span class="invisible">ooltips-are-a-bad-idea-and-what-to-do-instead/</span></a> And generally, tooltips have poor accessibility. <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> <a href="https://mastodon.social/tags/webdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdesign</span></a> <a href="https://mastodon.social/tags/tooltips" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tooltips</span></a> <a href="https://mastodon.social/tags/a11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>a11y</span></a> <a href="https://mastodon.social/tags/UIDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UIDesign</span></a></p>
Bruce MacDonald<p>In my opinion, the best overall back-saving snow shovel is the "Union" push-plow model. I don't know if they make 'em like they used to, but I have one my dad owned; it outlasted him, and it will outlast me. I also use a small, heavy-duty gardening shovel to break ice and windrows. It's suitable for fueling coal-burning steam locomotives. <a href="https://hachyderm.io/tags/ToolTips" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ToolTips</span></a> <a href="https://hachyderm.io/tags/mnwx" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mnwx</span></a> <a href="https://uniontools.com/products/detail.aspx?ProductId=2547&amp;FamilyId=839&amp;LineId=836" rel="nofollow noopener noreferrer" target="_blank"><span class="invisible">https://</span><span class="ellipsis">uniontools.com/products/detail</span><span class="invisible">.aspx?ProductId=2547&amp;FamilyId=839&amp;LineId=836</span></a></p>