Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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 görüntüleme • 2 yıl önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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

A rite of passage for every rookie! Congrats Hirose!

Vancouver Canucks

157,929 görüntüleme • 3 yıl önce

A Disney World rite of passage.
0:15

A Disney World rite of passage.

Gay Not Queer

40,086 görüntüleme • 7 ay önce

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

209,292 görüntüleme • 29 gün önce

Design Engineering Tip: If you struggle to describe button or card hover states in Claude or Codex, these commonly used hover effect terms can help.
0:12

Design Engineering Tip: If you struggle to describe button or card hover states in Claude or Codex, these commonly used hover effect terms can help.

Gabriel

35,609 görüntüleme • 7 gün önce

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

A Fortnite rite of passage via u/RedXaos

Dexerto

441,492 görüntüleme • 2 yıl önce

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,982 görüntüleme • 3 ay önce

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,277 görüntüleme • 7 ay önce

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 görüntüleme • 5 ay önce

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 görüntüleme • 9 ay önce

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,273,946 görüntüleme • 5 ay önce

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,990 görüntüleme • 3 yıl önce

micro-interactions for Sim workflow blocks. hover over any edge of a block and see a swell indicator that allows you to click and drag to create a new block connection.
0:11

micro-interactions for Sim workflow blocks. hover over any edge of a block and see a swell indicator that allows you to click and drag to create a new block connection.

andres

34,694 görüntüleme • 6 gün önce

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 görüntüleme • 9 ay önce

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

65,171 görüntüleme • 22 gün önce

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,755 görüntüleme • 1 ay önce

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 görüntüleme • 4 ay önce

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 görüntüleme • 11 ay önce

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,900 görüntüleme • 3 yıl önce