Mastodawn

Popover Context Menus With Anchor Positioning, by @chriscoyier (@frontendmasters.com):

https://frontendmasters.com/blog/popover-context-menus-with-anchor-positioning/

#css #tooltips #popovers #anchorpositioning

Popover Context Menus with Anchor Positioning – Frontend Masters Blog

A context menu is like a tooltip in that it opens right next to the the thing that opened it. Here, we animate the opening and ensure it opens somewhere where it doesn't get cut off.

Multi Purr Puss

6d ago

RE: https://layer8.space/@Sammy8806/115933604595220108

Just in case, you want your #Mastodon IMG ALT TXT MouseOver #tooltips back → THIS #GitHub Issue seems to be the target for your complaints! (Sammy doesn't process issues, you need to click-through to GitHub, btw. That's where the developers live.) 🖖

Show thread

Multi Purr Puss

6d ago

🧵 2/n i don't care HOW difficult it might be!

You need to "escape" things, strip HTML tags, do gymnastics?

DO IT! 🤬

Sacrificing #Tooltips #UI #UX ain't worth anything!

Make #tooltips render in a degraded state, if that's what it takes!

Even better idea: filter USER INPUT! 👍

Exclude/strip fancy #RichText formatting!

Tooltips, mouse-pointer-hover, #help texts were NEVER supposed to be #RichText!

You get line breaks, "\n\r", NewLine+CarriageReturn - the realm of text/plain! 🤓

#Mastodon

Multi Purr Puss

6d ago

I DON'T like, that i'm NOT getting IMG ALT TXT #tooltips anymore!

Please reinstate the previous functionality, #Mastodon developers!

Mouse pointer hover (MouseOver) tool tips ARE a WELL-SEASONED and ESTABLISHED manner of conducting #UI / #UX things!

Please, do not abandon this #DesignPattern, just because your're a post-millennial, who wasn't taught the benefits of mouse pointer usage.

There ARE plenty of #mouse users, still!

DO NOT develop #webUI code for #TouchInput, only!

Collabora Office Dec 12

Tired of slow document editing?

Sometimes the fastest way to boost productivity is right under your cursor. With a simple hover, Tooltips in Collabora Online show you exactly what each button does — and, when available, the shortcut behind it.

That means less searching, fewer clicks, and an easier way to learn shortcuts naturally as you work.

Discover how they work and streamline your workflow!
🔗https://youtube.com/watch?v=2OAYRuQqcFc

#FeatureFriday #CollaboraOnline #Tooltips

Isukun Dec 4

Estaba pensando que una manera de lograr usar expresiones en #lengua #huarpe y tener que cortar con las aclaraciones en paréntesis podría ser usando #tooltips o #hovers en las palabras pero a pesar de buscar cómo usarlas en #markdown y #HTML, que son las alternativas para los formatos de los toots en #Mastodon, no logro que funcionen.

Si a alguien se le ocurre alguna manera de cómo hacerlo por favor que me tire alguna idea, por mientras seguiré intentando.

Frontend Dogma Nov 29

Perfectly Pointed Tooltips: To the Corners, by @css (@frontendmasters.com):

https://frontendmasters.com/blog/perfectly-pointed-tooltips-to-the-corners/

#css #tooltips

Perfectly Pointed Tooltips: To The Corners – Frontend Masters Blog

With our foundation in positioning and flipping tooltips with anchors, and making pointer tails, we're going to get extra tricky and point them diagonally.

Frontend Dogma Nov 24

Tooltip Components Should Not Exist, by @tkdodo.eu:

https://tkdodo.eu/blog/tooltip-components-should-not-exist

#tooltips #components

Tooltip Components Should Not Exist

A look at why tooltip components are often the wrong abstraction in design systems, leading to accessibility issues, misuse, and inconsistent user experiences.