Yash Arya (@yasharyaaa) profile picture

design engineer · i post the interactions i build · https://teapawt.net/t.co/mTUOuUDISD

Delhi,India
Joined February 2021
Photo by Yash Arya (@yasharyaaa)Photo by Yash Arya (@yasharyaaa)Photo by Yash Arya (@yasharyaaa)Photo by Yash Arya (@yasharyaaa)Photo by Yash Arya (@yasharyaaa)Photo by Yash Arya (@yasharyaaa)Photo by Yash Arya (@yasharyaaa)Photo by Yash Arya (@yasharyaaa)Photo by Yash Arya (@yasharyaaa)Photo by Yash Arya (@yasharyaaa)
nobody clicks a full stop so i put something in mine
1
5
196
css is quietly eating js's lunch
morphing popover menu 🪄 css can let you detect the active anchor position @​container anchored(fallback: --top-left) popover stays full size; content grows from the grid origin that the fallback sets ↓
2
30
every template puts a tiny uppercase label above the heading my portfolio had 20 of them. “selected work” sitting right on top of my selected work took them all out. nothing got harder to read
1
1
93
Yash Arya retweeted
saw @jh3yy's doctor strange switch and it lived in my head rent free so I gave my links a hammer click one and a hand shows up out of nowhere, Mjölnir flies into it, lightning, the link burns and the next page burns through 5 seconds for something a normal link does instantly. zero regrets it's in Bezel now if you also have no self control
1
1
5
638
you explain your job one way to your mom and another way to your boss made two films for the same whatsapp service. one teaches people how to use it, the other sells it to governments. same screens, totally different films both are on my portfolio now, with two more
1
2
86
one more for the list: have it record every component as a clip. screenshots can't catch a motion bug that's how my loading skeleton got caught. it animated the whole time, but its two greys were only 15 shades apart, so it looked frozen now a band of light sweeps across it
Things you can use Al for when working on UI: - ask it to try and break the stuff you built - let it create state machines to check different scenarios (success, error, different user roles, etc.) - when finished, ask it to make before/after screenshots - make it ask you lots of questions about the thing you are working on to validate the idea - let it create a few variants of a Ul piece so you can try it out - setup loops to maintain a quality bar by constantly monitoring
1
39
the fixed one: npx bezel-add add skeleton-card
16
windows has a high contrast mode, and it quietly erases any icon drawn with a css mask it repaints every background in one system colour, and a mask icon is nothing but background two lines keep the icons on my portfolio: forced-color-adjust: none; background-color: CanvasText;
1
43
an intro is nice the first time. by the third reload it's just in the way this one started on paigam, my wedding invite site. brass rods roll apart, the scroll unfurls, and you're in A Paigam should feel like Paigam first version took 3 seconds and played on every reload. now it's 2, once per tab
1
2
54
real random feels broken. spotify had to make shuffle less random because of it i wanted every flower on my site equally likely. which means the same flower can grow twice in a row, right next to itself turns out i didn't want random. i wanted different
1
36
a menu so long you just order the first thing on it that was my old portfolio so i cut it down to the main things. who i am, and the work. hover a project and it previews itself, and every project got its own scribbled icon and a few easter eggs. go find them
1
1
68
why is every font i like paid found a studio site and fell for the type. both fonts paid ofc so i had claude set their own lines in 16 free fonts, right on their page next to the real ones 2 of them were basically twins. they're all over my site now
1
65
there's also a plane that flies past every now and then don't click it
1
18
there's more in there. not telling where devs, the console knows yash-arya.com
8