Sebastiano Guerriero's banner

Sebastiano Guerriero

@guerriero_se • 19,292 subscribers

Designing. ✦ 40,000 pixel-perfect icons → @nucleoicons

Shorts

Drag enough to collapse it. Demo ↓

Drag enough to collapse it. Demo ↓

423,394 görüntüleme

Simple animation idea for a sidebar collapse button

Simple animation idea for a sidebar collapse button

50,067 görüntüleme

Keep your focus effects consistent.

Keep your focus effects consistent.

116,393 görüntüleme

Use motion to reduce UI travel.

Use motion to reduce UI travel.

106,496 görüntüleme

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

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

32,551 görüntüleme

Skewed, adjacent hover effect. I'll admit this one may be too subtle 😄

Skewed, adjacent hover effect. I'll admit this one may be too subtle 😄

56,570 görüntüleme

I like designing web apps.

I like designing web apps.

225,732 görüntüleme

Finally managed to build a coded version of this timeline concept 🕹️

Finally managed to build a coded version of this timeline concept 🕹️

62,832 görüntüleme

How to create a customizable 'flipped' border-radius in CSS ↓

How to create a customizable 'flipped' border-radius in CSS ↓

203,250 görüntüleme

A UX pattern I like: inline dialogs. Instead of blurring the whole background, just push the main content out of focus and replace it with the dialog. Navigation and header stay accessible, and it feels less obtrusive than a standard modal.

A UX pattern I like: inline dialogs. Instead of blurring the whole background, just push the main content out of focus and replace it with the dialog. Navigation and header stay accessible, and it feels less obtrusive than a standard modal.

51,571 görüntüleme

UI experiment: expandable steps indicators ✨ Icons → Nucleo Icons

UI experiment: expandable steps indicators ✨ Icons → Nucleo Icons

90,233 görüntüleme

Animated pixel icons. Ask your agent to create something similar using 'RGB Shift' and 'lightbulb flicker' effects.

Animated pixel icons. Ask your agent to create something similar using 'RGB Shift' and 'lightbulb flicker' effects.

13,511 görüntüleme

Quickly prototyped this morphing button idea in Cursor 🪄

Quickly prototyped this morphing button idea in Cursor 🪄

17,512 görüntüleme

Creating isometric illustrations used to be hard. Until I built Fiko, an AI design assistant.

Creating isometric illustrations used to be hard. Until I built Fiko, an AI design assistant.

18,393 görüntüleme

Videos

Anya Rossi

sweetdream.ai

SweetDream.ai•Sponsored•Livecam

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

Exclusive private shows

1.2k viewers online

Private Show

Join now for exclusive access

Free preview available • Premium content

Icon swapping vs. icon morphing

Icon swapping vs. icon morphing

Sebastiano Guerriero

181,818 görüntüleme • 2 ay önce

Make your border blend with the background.

Make your border blend with the background.

Sebastiano Guerriero

120,325 görüntüleme • 4 ay önce

Gradually replacing static images in my portfolio with coded previews. It’s just more fun this way.

Gradually replacing static images in my portfolio with coded previews. It’s just more fun this way.

Sebastiano Guerriero

90,408 görüntüleme • 6 ay önce

All the projects in my portfolio are now 540x540px coded prototypes 👨🏻‍🔬

All the projects in my portfolio are now 540x540px coded prototypes 👨🏻‍🔬

Sebastiano Guerriero

20,998 görüntüleme • 1 ay önce

From static images to coded previews. The journey continues 🛝

From static images to coded previews. The journey continues 🛝

Sebastiano Guerriero

24,515 görüntüleme • 4 ay önce

Physical time picker™

Physical time picker™

Sebastiano Guerriero

31,784 görüntüleme • 6 ay önce

One of the coolest things about the new Arcade icons is how customizable they are 👇

One of the coolest things about the new Arcade icons is how customizable they are 👇

Sebastiano Guerriero

48,959 görüntüleme • 11 ay önce

How to use the :where CSS selector to solve specificity problems ↓

How to use the :where CSS selector to solve specificity problems ↓

Sebastiano Guerriero

61,881 görüntüleme • 2 yıl önce

Daha fazla içerik yok.