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 Aufrufe

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

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

182,311 Aufrufe

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 Aufrufe

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 Aufrufe

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 Aufrufe

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 Aufrufe

make your slash menu beautiful

make your slash menu beautiful

44,922 Aufrufe

animated icons now can be installed via shadcn CLI 🎉

animated icons now can be installed via shadcn CLI 🎉

126,862 Aufrufe

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 Aufrufe

clip-path is really underrated

clip-path is really underrated

59,955 Aufrufe

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 Aufrufe

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 Aufrufe

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 Aufrufe • vor 13 Tagen

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 Aufrufe • vor 7 Monaten

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 Aufrufe • vor 1 Jahr

Keine weiteren Inhalte verfügbar