Frontend Dogma2d ago

Getting Started With the Popover API, by @smashingmag:

https://www.smashingmagazine.com/2026/03/getting-started-popover-api/

#introductions #popovers #tooltips #apis #javascript

Getting Started With The Popover API — Smashing Magazine

What happens if you rebuild a single tooltip using the browser’s native model without the aid of a library? The Popover API turns tooltips from something you simulate into something the browser actually understands. Opening and closing, keyboard interaction, Escape handling, and much of the accessibility now come from the platform itself, not from ad-hoc JavaScript.

Smashing Magazine
Inautilo5d ago

#Development #Guides
The CSS ‘z-index’ value · “Stop racing for the highest number.” https://ilo.im/16b8yj

_____
#Predictability #Maintainability #Stacking #Layers #Tokens #Tooltips #WebDev #Frontend #CSS #JavaScript

The Value of z-index | CSS-Tricks

How we look at the stacking order of our projects, how we choose z-index values, and more importantly, the implications of those choices.

CSS-Tricks
Makenzi AdaFeb 19

I stopped overpaying for a manual hydraulic pump that promised the moon.

Turns out the best manual hydraulic pump isn’t always the Enerpac model – a solid high‑pressure manual hydraulic pump wins. When buying a manual hydraulic pump, compare types, check price, consider the application, and skip flashy sales pitches. Follow a guide to choosing a hydraulic pump
https://artimantools.com/shop/category/pmp-hydrwlykh-dsty-11

#HydraulicPump #ManualPump #HighPressurePump #ToolTips #PumpGuide

قیمت و خرید انواع پمپ های هیدرولیک دستی || آرتیمان

تولید و فروش انواع پمپ هیدرولیک دستی با کیفیت و قیمت مناسب

نیروساز هیدرولیک آرتیمان
Makenzi AdaFeb 19

I spent an hour fighting a seized bolt until I found the nut splitter.

That cheap manual nut cutter turned my rusted nightmare into a quick split. Forget wrenches—use a heavy‑duty nut splitter or hydraulic nut splitter for emergency nut removal. One tool, zero damage. 🚀
https://artimantools.com/en/shop/category/nut-2

#NutSplitter #BoltRemoval #DIYTools #MechanicalRepair #ToolTips

Hydraulic Nut Splitter || Nirosaz Hydraulic Artiman

In situations where it is not possible to loosen or remove a nut using conventional methods, and cutting the nut is the only solution, this tool is used.

نیروساز هیدرولیک آرتیمان
Frontend DogmaJan 25

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 Jan 21

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 threadMulti Purr Puss Jan 21

🧵 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 Jan 21

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 OfficeDec 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

IsukunDec 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.