Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Means & Methods is now live on A collection of practical techniques to achieve excellence in interface design, covering 100+ topics across 11 chapters, with plenty of interactive examples and code. New members welcome; enjoy!

joshpuckett

43,934 subscribers

707,314 views • 3 months ago •via X (Twitter)

Education Science & Technology

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

I think so many concepts in design need to really be felt and played with, not just shown. That's why Interface Craft is full of interactive figures that demonstrate topics. I always look forward to making them; this is one of my favorites!

I think so many concepts in design need to really be felt and played with, not just shown. That's why Interface Craft is full of interactive figures that demonstrate topics. I always look forward to making them; this is one of my favorites!

joshpuckett

139,782 views • 3 months ago

Added two new Practical Demonstrations to including a deep dive on the Library Card designer and inventing a new kind of control ∞ Enjoy!

Added two new Practical Demonstrations to including a deep dive on the Library Card designer and inventing a new kind of control ∞ Enjoy!

joshpuckett

59,794 views • 4 months ago

Just added four new articles and videos to Interface Craft covering advanced animation ideas. There's also an updated DialKit skill to help you take advantage of the new Timeline feature. Available in the library now:

Just added four new articles and videos to Interface Craft covering advanced animation ideas. There's also an updated DialKit skill to help you take advantage of the new Timeline feature. Available in the library now:

joshpuckett

29,581 views • 2 months ago

UI Design Tips Collection of practical design tips for popular UI components—from call-to-action buttons & cards to menus & modal windows. Every recommendation is provided in a do and don't format.

UI Design Tips Collection of practical design tips for popular UI components—from call-to-action buttons & cards to menus & modal windows. Every recommendation is provided in a do and don't format.

Nick Babich

89,424 views • 2 years ago

Added a couple of examples of /better-interface, /interface-review, /explain-interface, /break and /variant to the skills page. /break is probably my favorite skill to use right now, it makes working on complex components so much easier.

Added a couple of examples of /better-interface, /interface-review, /explain-interface, /break and /variant to the skills page. /break is probably my favorite skill to use right now, it makes working on complex components so much easier.

Jakub Krehel

39,054 views • 14 days ago

Practical example of Brian's wisdom: I needed a new OG image for Graphical's Changelog I pushed this morning. Instead of drawing it in figma, I made a little tool in our app that I (and my agents, automatically) can now use to make branded images for any URL.

Practical example of Brian's wisdom: I needed a new OG image for Graphical's Changelog I pushed this morning. Instead of drawing it in figma, I made a little tool in our app that I (and my agents, automatically) can now use to make branded images for any URL.

joshpuckett

25,638 views • 3 days ago

Think. Prompt. Create. is my new book: a practical guide to Claude Code by Anthropic for creators, entrepreneurs, designers and curious humans building with AI. New site is now live 👇

Think. Prompt. Create. is my new book: a practical guide to Claude Code by Anthropic for creators, entrepreneurs, designers and curious humans building with AI. New site is now live 👇

Joey Primiani

88,443 views • 4 months ago

The cool thing about animating in code is it's pretty trivial to do quick variants like this x-ray inversion.* 15 hours left on this! *not sponsored by, affiliated with, or anywhere near the quality of Shopify's masterful design site

The cool thing about animating in code is it's pretty trivial to do quick variants like this x-ray inversion.* 15 hours left on this! *not sponsored by, affiliated with, or anywhere near the quality of Shopify's masterful design site

joshpuckett

35,077 views • 6 months ago

$One of my favorite details for Interface Craft is one of the least used: the invoice tool. Customers can enter the unique tax or business info they need, see what they paid in localized currency along with any discounts, and download a PDF. Thankfully Stripe makes this all fairly easy. It's something only a fraction of users see, but I think great design is sometimes about facilitating all of the edge cases to keep accounting and tax departments happy worldwide!$

One of my favorite details for Interface Craft is one of the least used: the invoice tool. Customers can enter the unique tax or business info they need, see what they paid in localized currency along with any discounts, and download a PDF. Thankfully Stripe makes this all fairly easy. It's something only a fraction of users see, but I think great design is sometimes about facilitating all of the edge cases to keep accounting and tax departments happy worldwide!

joshpuckett

67,651 views • 3 months ago

Imagine an interactive, 3D social platform…where you can create, share, and enjoy immersive experiences/art with your friends in real time. Welcome to a glimpse of in 2023, accessible across Web, VR, AR, and mobile 🏂

Imagine an interactive, 3D social platform…where you can create, share, and enjoy immersive experiences/art with your friends in real time. Welcome to a glimpse of in 2023, accessible across Web, VR, AR, and mobile 🏂

Spatial

187,522 views • 3 years ago

Design and deploy agents with Gemini Enterprise's visual, drag-and-drop interface. Empower anyone on your team to build powerful AI agents without writing a single line of code. Learn how →

Design and deploy agents with Gemini Enterprise's visual, drag-and-drop interface. Empower anyone on your team to build powerful AI agents without writing a single line of code. Learn how →

Google Cloud

34,368 views • 10 months ago

Paper blog is here! We explore retro print aesthetics with our new HalftoneCMYK shader. I break down the tech tricks behind it, and Agu Seguí shows how to use it Plenty of interactive illustrations (and plenty of banana pictures). Enjoy! read: paper app: shader docs:

Paper blog is here! We explore retro print aesthetics with our new HalftoneCMYK shader. I break down the tech tricks behind it, and Agu Seguí shows how to use it Plenty of interactive illustrations (and plenty of banana pictures). Enjoy! read: paper app: shader docs:

Ksenia Kondrashova

39,345 views • 8 months ago

Happy Friday, friends! Several of you have requested a certificate of completion for and I'm delighted to share that you can now grab one in your membership settings in the Library. Enjoy!

Happy Friday, friends! Several of you have requested a certificate of completion for and I'm delighted to share that you can now grab one in your membership settings in the Library. Enjoy!

joshpuckett

29,610 views • 1 month ago

Good software is durable. Here's an quick example of what that means, at an interface level. In X, you can choose a custom emoji reaction. The popover looks like what I expect, but it does not work like I expect. I want to use the ‼ emoji, so the first thing I try is obviously '!'. No results. The sum of a million little papercuts like this means X feels like broken software, not well designed or made. Which is a shame, because it's a brilliant product and network.

Good software is durable. Here's an quick example of what that means, at an interface level. In X, you can choose a custom emoji reaction. The popover looks like what I expect, but it does not work like I expect. I want to use the ‼ emoji, so the first thing I try is obviously '!'. No results. The sum of a million little papercuts like this means X feels like broken software, not well designed or made. Which is a shame, because it's a brilliant product and network.

joshpuckett

55,420 views • 9 months ago

Library Updates, Feb 12th 2026 — Added Mark as Read & Bookmark; synced across devices, optimistic writes, local caching so no flicker onload etc. — Added Next/Previous links at bottom of articles — Added keyboard shortcuts for Practical Demonstrations (j/k) — Fixed external links to open in a new tab — Fixed switching pages to reset scroll position — Improved general performance & stability Thank you for all the feedback and patience with working out issues!

Library Updates, Feb 12th 2026 — Added Mark as Read & Bookmark; synced across devices, optimistic writes, local caching so no flicker onload etc. — Added Next/Previous links at bottom of articles — Added keyboard shortcuts for Practical Demonstrations (j/k) — Fixed external links to open in a new tab — Fixed switching pages to reset scroll position — Improved general performance & stability Thank you for all the feedback and patience with working out issues!

joshpuckett

19,659 views • 8 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.

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 • 8 months ago