Loading video...

Video Failed to Load

Go Home

UI tip: instead of using gaps in bordered lists, try hiding the borders next to the hovered item.

guerriero_se's profile picture

Sebastiano Guerriero

19,017 subscribers

31,229 views • 5 days ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

this effect can be achieved using only css by combining the :has() and :not() pseudo-classes: `.menu:has(.item:hover) .item:not(:hover) { filter: blur(8px); }` which simply means: when a menu has a hovered item, blur every item inside it that isn't being hovered
0:10

this effect can be achieved using only css by combining the :has() and :not() pseudo-classes: `.menu:has(.item:hover) .item:not(:hover) { filter: blur(8px); }` which simply means: when a menu has a hovered item, blur every item inside it that isn't being hovered

daniel petho

18,843 views • 2 months ago

Everyone keeps calling the Apple Vision Pro's UI "Magical" I NEEDED to try it out for myself. The Quest Pro is capable of it so I made a demo using eye tracking and hand tracking replicating the Apple UI. Its really good. APK for everyone to try the "Vision UI Experience" soon, Video with my takeaways Sooner.
0:13

Everyone keeps calling the Apple Vision Pro's UI "Magical" I NEEDED to try it out for myself. The Quest Pro is capable of it so I made a demo using eye tracking and hand tracking replicating the Apple UI. Its really good. APK for everyone to try the "Vision UI Experience" soon, Video with my takeaways Sooner.

𝙏𝙝𝙧𝙞𝙡𝙡

240,227 views • 3 years ago

A simple possession game using sticky ball. •Hurley in hurling hand, throw with the catching hand •Team in possession try work the ball to their teammate with the sticky pad •Players can progress to hand passing instead of throwing
0:13

A simple possession game using sticky ball. •Hurley in hurling hand, throw with the catching hand •Team in possession try work the ball to their teammate with the sticky pad •Players can progress to hand passing instead of throwing

Hurling made easy

21,242 views • 1 year ago

💡 FM26 Quick Tip: Tick Multiple Boxes Faster Instead of ticking each box one by one, click on the first item you want, then hold Shift and click on the last one: everything in between will be selected automatically. ☑️
0:11

💡 FM26 Quick Tip: Tick Multiple Boxes Faster Instead of ticking each box one by one, click on the first item you want, then hold Shift and click on the last one: everything in between will be selected automatically. ☑️

Sort It Out SI.net

54,401 views • 10 months ago

If you ever feel like the gradients you're using are dull or muddy, try using OKLCH colors instead. In OKLCH, hue is angular, which means that the colors the gradient passes through are different compared to sRGB.
0:11

If you ever feel like the gradients you're using are dull or muddy, try using OKLCH colors instead. In OKLCH, hue is angular, which means that the colors the gradient passes through are different compared to sRGB.

Jakub Krehel

282,883 views • 7 months ago

In the next version of React Scan: Filter down and select parts of the UI that you care about
0:13

In the next version of React Scan: Filter down and select parts of the UI that you care about

Aiden Bai

62,860 views • 1 year ago

Claude Code pro tip: use Ctrl+W to delete full words instead of backspacing like a caveman hat tip to Ray Fernando for the tip on his stream
0:15

Claude Code pro tip: use Ctrl+W to delete full words instead of backspacing like a caveman hat tip to Ray Fernando for the tip on his stream

Ian Nuttall

69,846 views • 1 year ago

Forgot to mention this CSS tip when sharing the :has() calendar 🤦‍♂️ It's a <table> & a snippet like this 👇 tr:has(:checked) ~ tr:has(:hover) .cell:has(~ .cell:hover) Says target the cell in a sibling row that's hovered and has a sibling that is hovered 🤯 You :has() power! 💪
0:15

Forgot to mention this CSS tip when sharing the :has() calendar 🤦‍♂️ It's a <table> & a snippet like this 👇 tr:has(:checked) ~ tr:has(:hover) .cell:has(~ .cell:hover) Says target the cell in a sibling row that's hovered and has a sibling that is hovered 🤯 You :has() power! 💪

jhey ʕ•ᴥ•ʔ

298,163 views • 3 years ago

Second attempt at the face rig. This time instead of using FaceIt, I'm using my own custom addon that's more streamlined towards cartoony faces. I'll try to animate something with it soon.
0:12

Second attempt at the face rig. This time instead of using FaceIt, I'm using my own custom addon that's more streamlined towards cartoony faces. I'll try to animate something with it soon.

cladur

44,326 views • 10 months ago

One rounded wood profile, zero gaps: clean cuts lock into a perfect mate, the joint looks built-in instead of patched 🪵
0:16

One rounded wood profile, zero gaps: clean cuts lock into a perfect mate, the joint looks built-in instead of patched 🪵

Tansu Yegen

19,163 views • 4 months ago

Design Engineering Tip: If you’re using the same corner radius across your entire UI, try scaling it with the component size: 12px → XS (buttons, tags) 16px → S (cards, inputs) 24px → M (modals, panels) As components get larger, increasing the radius can help preserve the same visual softness and balance.
0:13

Design Engineering Tip: If you’re using the same corner radius across your entire UI, try scaling it with the component size: 12px → XS (buttons, tags) 16px → S (cards, inputs) 24px → M (modals, panels) As components get larger, increasing the radius can help preserve the same visual softness and balance.

Gabriel

28,199 views • 2 months ago

preview of the upcoming cupcakke collab emote arriving in the next item shop reset 👀🔥 (Via: Lucien 🐊)
0:15

preview of the upcoming cupcakke collab emote arriving in the next item shop reset 👀🔥 (Via: Lucien 🐊)

Lucien 🐊

20,164 views • 9 months ago

hello guys im tabi and i have a lot of kittens :3 consider using code "TABII" in the item shop to support me tysm!
0:12

hello guys im tabi and i have a lot of kittens :3 consider using code "TABII" in the item shop to support me tysm!

tabi

26,247 views • 1 year ago

This UI was one-shotted using a video as the prompt. It captures interactions, full flows, and animations — stuff that is typically painful to prompt for. Looking for early adopters to try our new Video → UI feature 👀
0:18

This UI was one-shotted using a video as the prompt. It captures interactions, full flows, and animations — stuff that is typically painful to prompt for. Looking for early adopters to try our new Video → UI feature 👀

Teddy Ni

30,819 views • 9 months ago

watching my talon try to full combo the enemy malphite instead of the adc
0:10

watching my talon try to full combo the enemy malphite instead of the adc

1v9.GG

266,020 views • 2 years ago

Watching my Talon try to full combo the enemy Malphite instead of the ADC
0:10

Watching my Talon try to full combo the enemy Malphite instead of the ADC

1v9.GG

98,408 views • 1 year ago

New multi-select shipping in the next Base UI release.
0:10

New multi-select shipping in the next Base UI release.

Colm Tuite

18,694 views • 1 year ago