Loading video...

Video Failed to Load

Go Home

Here's a tip I don't see enough: make your animations interruptible. You should be able to immediately trigger close events without waiting for the animation to complete. Motion makes this super easy. This helps your interfaces feel durable, snappy, and well considered.

joshpuckett's profile picture

joshpuckett

36,062 subscribers

101,682 views • 5 months ago •via X (Twitter)

ArtsEducationScience & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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.
0:15

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.

Emil Kowalski

102,002 views • 11 months ago

A few people have asked how I make these animations. The answer is it's just code and a screen recording. I’ll make little jigs like this interactive timeline to dial things in, but for me I find this is still the fastest way to create and refine exactly what I want.
0:10

A few people have asked how I make these animations. The answer is it's just code and a screen recording. I’ll make little jigs like this interactive timeline to dial things in, but for me I find this is still the fastest way to create and refine exactly what I want.

joshpuckett

52,149 views • 10 days ago

#IRENE: So everyone, even if you’re in a difficult situation, you should know how to stop your negative thoughts. You need to stop those thoughts immediately. And gain strength to be able to switch your thoughts immediately
0:18

#IRENE: So everyone, even if you’re in a difficult situation, you should know how to stop your negative thoughts. You need to stop those thoughts immediately. And gain strength to be able to switch your thoughts immediately

Irene 아이린 Global 🌷

24,845 views • 1 month ago

As a man, you should be able to do this every morning immediately you wake up!
0:18

As a man, you should be able to do this every morning immediately you wake up!

LERRY

400,357 views • 11 months ago

Should I use this motion to upload this new version or use the motion for an animation with Brazilian phonk? 😏🤔 Btw the reference animation belongs to seejayDJ
0:15

Sensitive content

Should I use this motion to upload this new version or use the motion for an animation with Brazilian phonk? 😏🤔 Btw the reference animation belongs to seejayDJ

TeshiiLatte

27,435 views • 2 years ago

A simp should be considered a .........? Damn! I feel pity for this man 😭
0:13

Sensitive content

A simp should be considered a .........? Damn! I feel pity for this man 😭

RAZOR BLADE

226,551 views • 2 months ago

This is Bloom, an iOS inspired pull down menu for the web. Fully configurable, interruptible, and themeable. Watch the demo and grab it below.
0:19

This is Bloom, an iOS inspired pull down menu for the web. Fully configurable, interruptible, and themeable. Watch the demo and grab it below.

joshpuckett

253,470 views • 5 months ago

If you think this should all stop and everyone should be able to access their bus directly to and from the kerb then write to your MP.
0:28

If you think this should all stop and everyone should be able to access their bus directly to and from the kerb then write to your MP.

Vincent Stops

57,131 views • 11 months ago

Your donations really helped! Here is a tiny bit of progress! If you like what you see, feel free to help- this animation will be long and complex.
0:18

Sensitive content

Your donations really helped! Here is a tiny bit of progress! If you like what you see, feel free to help- this animation will be long and complex.

Ristiko

26,358 views • 9 months ago

So lemme show you what i am working on rn Klick (might change the name later) It’s basically gonna be a cursor click animation library, you will be able to add really cool click animations to your cards, pages, and components with just one CLI command. And this is the homepage i designed for it, tell me how it looks This project is gonna be crazy, i have spent a lot of time making sure everything feels really polished and good, just wait till i complete it, it’s gonna be insane
0:17

So lemme show you what i am working on rn Klick (might change the name later) It’s basically gonna be a cursor click animation library, you will be able to add really cool click animations to your cards, pages, and components with just one CLI command. And this is the homepage i designed for it, tell me how it looks This project is gonna be crazy, i have spent a lot of time making sure everything feels really polished and good, just wait till i complete it, it’s gonna be insane

Devster☄️

160,763 views • 1 month ago

Scroll-triggered animations are coming to Chrome early next year (and we've been really excited about this one for a bit!) 🥳 Unlike scroll-driven animations (already in Chrome & Safari), this API introduces "timeline-trigger" and "animation-trigger" to start an animation within a specific range, rather than relying on the scroller completion *as* the animation timeline. I got nerd-sniped and wanted to try it out so I built this shape morphing demo to show how you can apply multiple animations to the same element over with different triggers. PRETTY COOL IMO! Bramus has a post with more info ⬇️
0:19

Scroll-triggered animations are coming to Chrome early next year (and we've been really excited about this one for a bit!) 🥳 Unlike scroll-driven animations (already in Chrome & Safari), this API introduces "timeline-trigger" and "animation-trigger" to start an animation within a specific range, rather than relying on the scroller completion *as* the animation timeline. I got nerd-sniped and wanted to try it out so I built this shape morphing demo to show how you can apply multiple animations to the same element over with different triggers. PRETTY COOL IMO! Bramus has a post with more info ⬇️

Una 🇺🇦

38,653 views • 6 months ago

I Kinda Feel You Should be Arrested for Letting Your Young Child Do This…
0:15

I Kinda Feel You Should be Arrested for Letting Your Young Child Do This…

𝕰𝖒𝕲

39,963 views • 5 months ago

I use the latest coding agents in a lot of the material for Interface Craft. I wanted everyone to be able to use them, so I reached out to my friends at v0 and Claude who were generous enough to provide every founding member with one month of Pro.
0:15

I use the latest coding agents in a lot of the material for Interface Craft. I wanted everyone to be able to use them, so I reached out to my friends at v0 and Claude who were generous enough to provide every founding member with one month of Pro.

joshpuckett

61,976 views • 4 months ago

Alright boys this is how you should be filming your nugs using the iPhone camera (without the macro camera for the mfs who don’t have it this is all on x1 zoom) Left video is how I see 99% of yall film the right is how you should. Never zoom in on the nug just bring the nug as close to your camera as possible and watch the magic happen.
0:16

Alright boys this is how you should be filming your nugs using the iPhone camera (without the macro camera for the mfs who don’t have it this is all on x1 zoom) Left video is how I see 99% of yall film the right is how you should. Never zoom in on the nug just bring the nug as close to your camera as possible and watch the magic happen.

parlay

52,037 views • 1 year ago

Here's another tip for painting in . You can split the viewport and use different cameras if you want to paint around a model without rotating your view 🎨
0:13

Here's another tip for painting in . You can split the viewport and use different cameras if you want to paint around a model without rotating your view 🎨

Jordan Cain

16,068 views • 7 months ago

This was considered "not quick enough" to challenge the pitch. Absolutely ridiculous and I hope umps don't try to abuse this
0:10

This was considered "not quick enough" to challenge the pitch. Absolutely ridiculous and I hope umps don't try to abuse this

Nate Schwartz

438,527 views • 3 months ago

Cake 🍰 I saw your drawing and decided to make this animation, I hope you like it
0:10

Cake 🍰 I saw your drawing and decided to make this animation, I hope you like it

SpikeDoggy

39,664 views • 2 years ago

I've compiled 30 QUICK and EASY changes YOU can make to your websites today to SKYROCKET your conversion rates. 🚀 Today it's yours for FREE. - 30 quick wins - Easy to implement - Watch your conversion rates soar ReTweet this tweet and i'll DM you the file. (Must be following)
0:10

I've compiled 30 QUICK and EASY changes YOU can make to your websites today to SKYROCKET your conversion rates. 🚀 Today it's yours for FREE. - 30 quick wins - Easy to implement - Watch your conversion rates soar ReTweet this tweet and i'll DM you the file. (Must be following)

Oliver Kenyon

38,925 views • 3 years ago

A new animation pack called "Glow Motion" has just been uploaded!! This basically makes your character look glitchy and slow-motion
0:17

A new animation pack called "Glow Motion" has just been uploaded!! This basically makes your character look glitchy and slow-motion

#EventHunters - Roblox News

139,189 views • 3 months ago

I’m waiting for feedback and reactions from UN security council , USA , secretary Rubio and AU regarding drones attack against civilians and un members in Goma by regime of Kinshasa. Enough is enough. AFC/M23 -Twirwaneho should react Immediately I need to see your answer!
0:15

I’m waiting for feedback and reactions from UN security council , USA , secretary Rubio and AU regarding drones attack against civilians and un members in Goma by regime of Kinshasa. Enough is enough. AFC/M23 -Twirwaneho should react Immediately I need to see your answer!

MINISTER OF TRUTH

15,636 views • 3 months ago