dmytro's banner

dmytro

@pqoqubbw • 9,053 subscribers

design eng @mintlify / https://t.co/4FK7VXjR2N / https://t.co/effowDE4yW

Shorts

this is a multi-billion-dollar company btw

this is a multi-billion-dollar company btw

3,476,087 görüntüleme

built a small simple component for middle truncation based on @𝚌𝚑𝚎𝚗𝚐𝚕𝚘𝚞/𝚙𝚛𝚎𝚝𝚎𝚡𝚝

built a small simple component for middle truncation based on @𝚌𝚑𝚎𝚗𝚐𝚕𝚘𝚞/𝚙𝚛𝚎𝚝𝚎𝚡𝚝

182,311 görüntüleme

want to increase the click area without messing up your layout? try `:after` with `position: absolute` + `inset: -{value}px` this creates a larger, invisible hit area around the element, making it easier to click without changing the layout

want to increase the click area without messing up your layout? try `:after` with `position: absolute` + `inset: -{value}px` this creates a larger, invisible hit area around the element, making it easier to click without changing the layout

326,046 görüntüleme

final tip for 2025: fix the animation logic for your menu components. it makes the whole experience feel so much faster

final tip for 2025: fix the animation logic for your menu components. it makes the whole experience feel so much faster

137,886 görüntüleme

if you're building a tree component, avoid dead zones for nested items

Sensitive content

if you're building a tree component, avoid dead zones for nested items

101,392 görüntüleme

hear me out you don’t need js to create a marquee animation just a couple of lines of css and duplicated children with `aria-hidden`

hear me out you don’t need js to create a marquee animation just a couple of lines of css and duplicated children with `aria-hidden`

159,814 görüntüleme

make your slash menu beautiful

make your slash menu beautiful

44,922 görüntüleme

animated icons now can be installed via shadcn CLI 🎉

animated icons now can be installed via shadcn CLI 🎉

126,862 görüntüleme

when you add fade out for the scrollable container, make sure it won't overlap your scroll bar

when you add fade out for the scrollable container, make sure it won't overlap your scroll bar

54,436 görüntüleme

clip-path is really underrated

clip-path is really underrated

59,955 görüntüleme

once you see the inconsistent gaps in standard middle-truncation, you can’t unsee them

once you see the inconsistent gaps in standard middle-truncation, you can’t unsee them

36,104 görüntüleme

one of the cool things you can do with `property` is animate conic gradients properly tailwind playground link below

one of the cool things you can do with `property` is animate conic gradients properly tailwind playground link below

22,133 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

you can't tell why an interface feels right, but you always feel when it doesn't opening the private beta bit by bit while i polish the rough edges 👀

you can't tell why an interface feels right, but you always feel when it doesn't opening the private beta bit by bit while i polish the rough edges 👀

53,932 görüntüleme • 14 gün önce

keyboard-accessible resizable sidebar was achieved: - increased action area - cursor stays the same while dragging, no flickering - double-click to reset to default width - arrows for 10px resize - shift + arrows for 50px resize

keyboard-accessible resizable sidebar was achieved: - increased action area - cursor stays the same while dragging, no flickering - double-click to reset to default width - arrows for 10px resize - shift + arrows for 50px resize

95,611 görüntüleme • 8 ay önce

details truly matter: - select-none for separator and icon - proper context menu for breadcrumb-item and dropdown-item - current item is not clickable - a11y for everything - calculated correct inner radius for dropdown-item

details truly matter: - select-none for separator and icon - proper context menu for breadcrumb-item and dropdown-item - current item is not clickable - a11y for everything - calculated correct inner radius for dropdown-item

29,740 görüntüleme • 1 yıl önce

Daha fazla içerik yok.