Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

A rite of passage in design engineering: implement the safety triangle for hover interactions

rauchg's profile picture

Guillermo Rauch

677,914 subscribers

184,046 Aufrufe • vor 2 Jahren •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

A rite of passage for every rookie! Congrats Hirose!
0:17

A rite of passage for every rookie! Congrats Hirose!

Vancouver Canucks

157,929 Aufrufe • vor 3 Jahren

A Disney World rite of passage.
0:15

A Disney World rite of passage.

Gay Not Queer

40,086 Aufrufe • vor 6 Monaten

fighting northwind is like a rite of passage in the NA ranked i think
0:16

fighting northwind is like a rite of passage in the NA ranked i think

Fiesty

208,093 Aufrufe • vor 9 Tagen

A Fortnite rite of passage via u/RedXaos
0:17

A Fortnite rite of passage via u/RedXaos

Dexerto

441,492 Aufrufe • vor 2 Jahren

just updated ui-skills: It's now a collection of the best skills for design engineering
0:12

just updated ui-skills: It's now a collection of the best skills for design engineering

Ibelick

67,332 Aufrufe • vor 2 Monaten

Distasteful. Disgusting. Downright nasty. And yet it is a Disney World rite of passage for millions. Have you tried Beverly?
0:13

Distasteful. Disgusting. Downright nasty. And yet it is a Disney World rite of passage for millions. Have you tried Beverly?

Parkeology

4,487,189 Aufrufe • vor 6 Monaten

every time i go to post my take on :hover safety triangles for context menus, someone has just posted one... 🤦‍♂️ guess we're waiting again... it isn't a hard thing to implement though: - clip a pseudo element off the menu - use pointer delta instead of a timeout
0:18

every time i go to post my take on :hover safety triangles for context menus, someone has just posted one... 🤦‍♂️ guess we're waiting again... it isn't a hard thing to implement though: - clip a pseudo element off the menu - use pointer delta instead of a timeout

jhey ʕ•ᴥ•ʔ

98,663 Aufrufe • vor 5 Monaten

This Self-Balancing Lelo Triangle is a kinetic toy designed to showcase the principles of precision engineering.
0:13

This Self-Balancing Lelo Triangle is a kinetic toy designed to showcase the principles of precision engineering.

Science girl

388,855 Aufrufe • vor 8 Monaten

prediction cone/safe triangle — this is something we take so much for granted in modern day native UIs. but it's not the same for most web-based dropdown menus. it took me a while to implement this here. Amazon, macOS, Windows all implement some version of this.
0:18

prediction cone/safe triangle — this is something we take so much for granted in modern day native UIs. but it's not the same for most web-based dropdown menus. it took me a while to implement this here. Amazon, macOS, Windows all implement some version of this.

Soren

1,271,906 Aufrufe • vor 5 Monaten

The ‘reverse bridge’ design in the Netherlands is engineering excellence
0:17

The ‘reverse bridge’ design in the Netherlands is engineering excellence

Vala Afshar

25,596,600 Aufrufe • vor 3 Jahren

It's spooky season ya'll! Shoutout to chloe best Design Engineering intern in the history of internships. And shoutout Mitul Shah for everything else.
0:13

It's spooky season ya'll! Shoutout to chloe best Design Engineering intern in the history of internships. And shoutout Mitul Shah for everything else.

Lady Zahra

21,534 Aufrufe • vor 8 Monaten

Design Engineering Tip: Most UI animations are built for a single uninterrupted transition. Real users might reverse direction before the animation finishes. Use a spring transition that preserves the element’s current velocity instead of restarting from zero. This keeps rapid hover, press, and state changes smooth and responsive. transition={{ type: "spring", stiffness: 520, damping: 38, }}
0:11

Design Engineering Tip: Most UI animations are built for a single uninterrupted transition. Real users might reverse direction before the animation finishes. Use a spring transition that preserves the element’s current velocity instead of restarting from zero. This keeps rapid hover, press, and state changes smooth and responsive. transition={{ type: "spring", stiffness: 520, damping: 38, }}

Gabriel

62,136 Aufrufe • vor 3 Tagen

Design Engineering 101: Make drag interactions feel more intuitive and alive. Add a handle indicator, and animate scale, rotation, and shadow during the transition. Show where the item will land with an empty-space cutout.
0:12

Design Engineering 101: Make drag interactions feel more intuitive and alive. Add a handle indicator, and animate scale, rotation, and shadow during the transition. Show where the item will land with an empty-space cutout.

alyx

31,596 Aufrufe • vor 20 Tagen

If you’re looking for a new design or engineering role this is probably the best place to search. I’ll add the link in the thread
0:18

If you’re looking for a new design or engineering role this is probably the best place to search. I’ll add the link in the thread

Design Chief Priest

28,427 Aufrufe • vor 3 Monaten

The BUGATTI BROUILLARD arrives at Mariënwaerdt Estate, Sept 12-14, for Wheels Mariënwaerdt. A unique masterpiece of design, engineering and performance, the BROUILLARD is unlike anything else in this world. #BUGATTI #BUGATTIBrouillard –
0:20

The BUGATTI BROUILLARD arrives at Mariënwaerdt Estate, Sept 12-14, for Wheels Mariënwaerdt. A unique masterpiece of design, engineering and performance, the BROUILLARD is unlike anything else in this world. #BUGATTI #BUGATTIBrouillard –

Bugatti

33,097 Aufrufe • vor 10 Monaten

The spellbinding design of The Passage To Emerald necklace perfectly complements #LISA's irresistible edginess. #BulgariMediterranea
0:12

The spellbinding design of The Passage To Emerald necklace perfectly complements #LISA's irresistible edginess. #BulgariMediterranea

Bvlgari

2,210,713 Aufrufe • vor 3 Jahren

the ultimate way to learn iOS design engineering, crafted to reflect the elegance of SwiftUI itself.
0:17

the ultimate way to learn iOS design engineering, crafted to reflect the elegance of SwiftUI itself.

Haolun Yang

68,259 Aufrufe • vor 9 Monaten