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 просмотров

Simple animation idea for a sidebar collapse button

Simple animation idea for a sidebar collapse button

50,067 просмотров

Keep your focus effects consistent.

Keep your focus effects consistent.

116,393 просмотров

Use motion to reduce UI travel.

Use motion to reduce UI travel.

106,496 просмотров

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 просмотров

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 просмотров

I like designing web apps.

I like designing web apps.

225,732 просмотров

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

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

62,832 просмотров

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

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

203,250 просмотров

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 просмотров

UI experiment: expandable steps indicators ✨ Icons → Nucleo Icons

UI experiment: expandable steps indicators ✨ Icons → Nucleo Icons

90,233 просмотров

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 просмотров

Quickly prototyped this morphing button idea in Cursor 🪄

Quickly prototyped this morphing button idea in Cursor 🪄

17,512 просмотров

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 просмотров

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 просмотров • 2 месяцев назад

Make your border blend with the background.

Make your border blend with the background.

Sebastiano Guerriero

120,325 просмотров • 4 месяцев назад

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 просмотров • 6 месяцев назад

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 просмотров • 1 месяц назад

From static images to coded previews. The journey continues 🛝

From static images to coded previews. The journey continues 🛝

Sebastiano Guerriero

24,515 просмотров • 4 месяцев назад

Physical time picker™

Physical time picker™

Sebastiano Guerriero

31,784 просмотров • 6 месяцев назад

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 просмотров • 11 месяцев назад

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 просмотров • 2 лет назад

Больше нет контента для загрузки