Finally written the long-threatened Motion x Tailwind CSS guide. Learn how to:
🙂 Perform basic animations
😮 Create responsive animations
😵💫 Generate reusable CSS spring classes in-editor with Motion for AI
motion.dev/docs/react-tai…
A letter from me to all budding Software Engineers grinding for a better job:
Don't worry.
There are people who switched from TCS/Infosys after 5-7 years of career and are now making big money.
There are people who switched after 10+ years and make money now.
There are those who…
At first, you’ll feel like you’re wasting time.
Then you’ll feel like you’re making progress.
Then others will feel like you came out of nowhere.
That’s compounding.
Tooltips tip:
Tooltips should have a delay before appearing to prevent accidental activation. Once a tooltip is open, hovering over other tooltips should open them with no delay and no animation.
This feels faster without defeating the purpose of the initial delay.
Hover transitions seen tens, maybe even hundreds of times a day can make your interface feel slower.
Make them snappy by removing the transition altogether.
When showing multiple elements at once, try applying a slight delay to each one for a smoother transition.
For product UI, the delay between two elements should not be higher than ~50ms.
An easy way to make your dropdowns feel better is to make them origin-aware.
They should scale in from the trigger. In this case, `transform-origin: top left`.
The default is `center` which feels wrong, as it appears out of nowhere.
When you join a new org or switch teams in the same one, it is quite an unsettling and borderline anxious experience. Here are a few things that I did to ramp up faster.
1. I consciously made an effort to remain unblocked
2. I read a ton of code and its history, sometimes even…
Jobs can be broken up into 3 kinds of tasks:
1. Rote - answering a customer support ticket
2. Linear - updating docs
3. Exponential - improving the product itself
Value for the most valuable tasks in the long run are often negative in the beginning, making them hard to…
An easy way to make your interface feel more responsive is to add a subtle scale down effect when a button is pressed.
A scale of 0.97/0.98 scale on the :active pseudo-class with a ~150ms transition should do the job.
Keep your animations fast.
A faster-spinning spinner makes you think the app loads faster. It improves perceived performance.
The same applies to user-initiated actions. Use `ease-out` to make them feel snappy and responsive.
1K Followers 4K Followingself-taught (she/her 🌷) #illustrator and 💌 #animator who frequently does commissions as well 🎀 Art tag: #CassieArt | 23y ✦ 💁♀️ #Commsopen 2025 OPEN ✦
10K Followers 6K FollowingThe most popular open source, embedded TLS. Active in #IoTSecurity, #Avionics, #Automotive & more. Over 5B connections secured! #TLS13 #SecureYourConnectivity
0 Followers 16 FollowingRebuilding Dreams. Once trapped by perfection, now rising again—task by task, with hope for joy in the little wins.
Learning-progress matters more than polish.
19K Followers 406 FollowingI'm a software engineer @attio. Author of @ripple__js, @lexicaljs and @inferno_js. Former @reactjs core engineer, and core maintainer of @sveltejs at @vercel.
14K Followers 93 FollowingNo-code WebGL design studio for designers and developers. Create mind-blowing interactive WebGL components for your sites in minutes. Created by @soulegit.
1.6M Followers 782 FollowingCo-founder & CEO at @Coinbase. Creating more economic freedom in the world. ENS: barmstrong.eth Co-founder @researchhub @newlimit
38K Followers 485 FollowingDigital Geometer, Assoc. Prof. of Computer Science & Robotics @CarnegieMellon @SCSatCMU and member of the @GeomCollective. There are four lights.