Загрузка видео...

Не удалось загрузить видео

На главную

DialKit 1.2 is live. - Vue support (🙏 gabrielstuff) - Full light/dark mode support - Keyboard shortcuts (🙏 Josh Millgate) - Prod environment guard - Draggable entry FAB - Many bug fixes & refinements 𝚗𝚙𝚖 𝚒𝚗𝚜𝚝𝚊𝚕𝚕 𝚍𝚒𝚊𝚕𝚔𝚒𝚝

joshpuckett's profile picture

joshpuckett

34,321 subscribers

39,246 просмотров • 4 месяцев назад •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

DialKit 1.3 is live! - Stable IDs for sharing DialKit state across pages - Persistent values, presets, and panel state - Programmatic getters and setters - Multiple DialKit instances now combine into one panel - Bug fixes and perf improvements › 𝚗𝚙𝚖 𝚒 𝚍𝚒𝚊𝚕𝚔𝚒𝚝
0:21

DialKit 1.3 is live! - Stable IDs for sharing DialKit state across pages - Persistent values, presets, and panel state - Programmatic getters and setters - Multiple DialKit instances now combine into one panel - Bug fixes and perf improvements › 𝚗𝚙𝚖 𝚒 𝚍𝚒𝚊𝚕𝚔𝚒𝚝

joshpuckett

43,002 просмотров • 1 месяц назад

Tonight's refinements: - visualize custom brand colors - upload a logo to preview it next to a wordmark - focus on a single font style full screen - keyboard jumping snaps vs animated scroll Enjoy!
0:21

Tonight's refinements: - visualize custom brand colors - upload a logo to preview it next to a wordmark - focus on a single font style full screen - keyboard jumping snaps vs animated scroll Enjoy!

joshpuckett

83,867 просмотров • 4 месяцев назад

DialKit is a framework for live tuning any parameter in your app. See changes instantly, test different value sets with presets, then copy a prompt for your agent. Available for free today.
0:23

DialKit is a framework for live tuning any parameter in your app. See changes instantly, test different value sets with presets, then copy a prompt for your agent. Available for free today.

joshpuckett

98,397 просмотров • 5 месяцев назад

DialKit now has visual timeline editing for all your fancy animations. Supports loops, groups, staggers, compound animations, and scrubbing (even with springs). I can't wait to see what ya'll create with it! npm i dialkit
0:25

DialKit now has visual timeline editing for all your fancy animations. Supports loops, groups, staggers, compound animations, and scrubbing (even with springs). I can't wait to see what ya'll create with it! npm i dialkit

joshpuckett

90,319 просмотров • 14 дней назад

Polished up Locale some more tonight: - change font size, weight, and italic - view on dark/light/image background - save fonts to a short list (per session) - inspect all styles per family - jump to alphabetical section (hit any letter key)
0:22

Polished up Locale some more tonight: - change font size, weight, and italic - view on dark/light/image background - save fonts to a short list (per session) - inspect all styles per family - jump to alphabetical section (hit any letter key)

joshpuckett

99,287 просмотров • 4 месяцев назад

long time no posting, here's some of the stuff we released in helium recently: - customizable keyboard shortcuts on all platforms - automatic updates on windows - frameless mode (previously zen mode), with floating sidebar, is now out of beta and included in settings by default - improved fingerprint noising: fixed the canvas noising algorithm and added protections against analysis attacks (thank you Cynthia 🐈 for your report, research, and assistance) - tab URL copying, one or multiple, formatted as a list with line breaks - manual tab hibernation, with an option to hibernate all tabs except for selected/active ones - an option to close tabs to the left (or above, in vertical layout) - redesigned toast notifications, now anchored to the active web page, and no longer blinding in dark mode - toast notification about newly opened background tabs in frameless mode (can be disabled in settings) - redesigned the infobar, it no longer looks out of place - improved QR code generation, now it's actually useful - downloads bubble is now shown instead of the full page whenever applicable - kagi search now supports reverse image search from image context menu - frameless mode animations are now smoother - better color contrast in light and dark modes - a lot of bug fixes and other minor improvements all of these changes are present in the latest version of helium. if you're using helium on windows, please update to the latest version, so your browser can be updated automatically from now on!
0:45

long time no posting, here's some of the stuff we released in helium recently: - customizable keyboard shortcuts on all platforms - automatic updates on windows - frameless mode (previously zen mode), with floating sidebar, is now out of beta and included in settings by default - improved fingerprint noising: fixed the canvas noising algorithm and added protections against analysis attacks (thank you Cynthia 🐈 for your report, research, and assistance) - tab URL copying, one or multiple, formatted as a list with line breaks - manual tab hibernation, with an option to hibernate all tabs except for selected/active ones - an option to close tabs to the left (or above, in vertical layout) - redesigned toast notifications, now anchored to the active web page, and no longer blinding in dark mode - toast notification about newly opened background tabs in frameless mode (can be disabled in settings) - redesigned the infobar, it no longer looks out of place - improved QR code generation, now it's actually useful - downloads bubble is now shown instead of the full page whenever applicable - kagi search now supports reverse image search from image context menu - frameless mode animations are now smoother - better color contrast in light and dark modes - a lot of bug fixes and other minor improvements all of these changes are present in the latest version of helium. if you're using helium on windows, please update to the latest version, so your browser can be updated automatically from now on!

Helium

109,004 просмотров • 1 месяц назад

Meet InterfaceKit, a design tool for working with agents. Refine components live in your app → click to copy prompt. Your agent gets the element data, Tailwind classes, and Motion animations it needs to make your changes in one shot. No more guess and check.
0:28

Meet InterfaceKit, a design tool for working with agents. Refine components live in your app → click to copy prompt. Your agent gets the element data, Tailwind classes, and Motion animations it needs to make your changes in one shot. No more guess and check.

joshpuckett

104,728 просмотров • 6 месяцев назад

The best part about crafting personal software—like this little budget app—is adding extra touches of delight and humor. Watch til the end 🙈
0:25

The best part about crafting personal software—like this little budget app—is adding extra touches of delight and humor. Watch til the end 🙈

joshpuckett

44,880 просмотров • 7 месяцев назад

Fons is a gem, but I found it telling that not a single reply actually asked for specific feedback. Here’s what I mean:
1:30

Fons is a gem, but I found it telling that not a single reply actually asked for specific feedback. Here’s what I mean:

joshpuckett

32,188 просмотров • 1 месяц назад

New Tools for a New Era. Coding agents like Claude and Cursor have dramatically reduced the time it takes to go from idea to functional software. But the experience of designing and refining with them sucks. One reason for this is that while the terminal is an incredible tool for communicating direction with language, it is a terrible tool for defining and exploring visual and interactive objects. Here is one idea for how we might fix a small part of that. In the old world, when you wanted to create a transition or animation in your app, you would type some code, refresh your local server, and click to run your animation. It probably wasn't right, because after all no one can know what 'cubic-bezier(0.3, 0.05, 0.45, 1)' really feels like when you read it. You need to see it. Feel it. Interact with it in a real world context. So you'd edit some values, save, refresh, and keep guessing and checking until it felt right. Today, you can write a quick, single-use tool that's a visual studio for designing animations. You can then configure some components and containers common in all apps, and explore different animations in real time, adjusting key properties, and getting it just right. Then, you can copy a highly detailed prompt (or export a skill containing all your animations) that captures your intent and direction with perfect clarity. Paste this into your terminal and your agent instantly implements it everywhere. To me, this is an improvement over the old world, and a better way to work in today's. I'm extremely excited to see the ways in which our ability to rapidly create software will shape how we design software tomorrow. Feedback, ideas, and critiques welcome!
0:30

New Tools for a New Era. Coding agents like Claude and Cursor have dramatically reduced the time it takes to go from idea to functional software. But the experience of designing and refining with them sucks. One reason for this is that while the terminal is an incredible tool for communicating direction with language, it is a terrible tool for defining and exploring visual and interactive objects. Here is one idea for how we might fix a small part of that. In the old world, when you wanted to create a transition or animation in your app, you would type some code, refresh your local server, and click to run your animation. It probably wasn't right, because after all no one can know what 'cubic-bezier(0.3, 0.05, 0.45, 1)' really feels like when you read it. You need to see it. Feel it. Interact with it in a real world context. So you'd edit some values, save, refresh, and keep guessing and checking until it felt right. Today, you can write a quick, single-use tool that's a visual studio for designing animations. You can then configure some components and containers common in all apps, and explore different animations in real time, adjusting key properties, and getting it just right. Then, you can copy a highly detailed prompt (or export a skill containing all your animations) that captures your intent and direction with perfect clarity. Paste this into your terminal and your agent instantly implements it everywhere. To me, this is an improvement over the old world, and a better way to work in today's. I'm extremely excited to see the ways in which our ability to rapidly create software will shape how we design software tomorrow. Feedback, ideas, and critiques welcome!

joshpuckett

82,065 просмотров • 6 месяцев назад

Interface Craft is now open. It’s a growing library of resources for those who are committed to crafting experiences and interfaces with uncommon care. I hope you’ll consider joining:
0:43

Interface Craft is now open. It’s a growing library of resources for those who are committed to crafting experiences and interfaces with uncommon care. I hope you’ll consider joining:

joshpuckett

514,580 просмотров • 5 месяцев назад

InterfaceKit is a design tool to make real time visual edits to your app then copy a prompt for your agent to ship the changes. Just pushed the alpha to Interface Craft members; available to everyone soon. Fun to jam with will on this one 💪
0:25

InterfaceKit is a design tool to make real time visual edits to your app then copy a prompt for your agent to ship the changes. Just pushed the alpha to Interface Craft members; available to everyone soon. Fun to jam with will on this one 💪

joshpuckett

57,872 просмотров • 4 месяцев назад

Onboarding was extra fun to design and build for this one 🕺 It's a moment of delight but it's also functional. It gives Pica a couple valuable seconds to index all of your fonts* so when you click through everything is sorted, loaded, and instantly available. This is an example of how 'design and engineering are really the same.' *unless you're one of those sickos with like 10k+ fonts. Then unfortunately you'll sit with a spinner for a few more seconds 😅
0:20

Onboarding was extra fun to design and build for this one 🕺 It's a moment of delight but it's also functional. It gives Pica a couple valuable seconds to index all of your fonts* so when you click through everything is sorted, loaded, and instantly available. This is an example of how 'design and engineering are really the same.' *unless you're one of those sickos with like 10k+ fonts. Then unfortunately you'll sit with a spinner for a few more seconds 😅

joshpuckett

54,774 просмотров • 3 месяцев назад

I can't believe over 30k of you willingly follow me on here. I am both honored and horrified. To celebrate, is 30% off for the next 30 hours. Join members from over 114 countries who are committed to growing and designing with uncommon care.
0:27

I can't believe over 30k of you willingly follow me on here. I am both honored and horrified. To celebrate, is 30% off for the next 30 hours. Join members from over 114 countries who are committed to growing and designing with uncommon care.

joshpuckett

83,989 просмотров • 3 месяцев назад

You need to be going rogue more as a designer.
1:43

You need to be going rogue more as a designer.

joshpuckett

45,435 просмотров • 17 дней назад

I love how Jony and Flavio predicted the precise, immediate response we're seeing to the Luce. It's almost like they're good designers who know a thing or two about design! Clip from Cleo Abram's interview, a must watch.
0:33

I love how Jony and Flavio predicted the precise, immediate response we're seeing to the Luce. It's almost like they're good designers who know a thing or two about design! Clip from Cleo Abram's interview, a must watch.

joshpuckett

382,130 просмотров • 2 месяцев назад

Vibe coded this little app for my dad on the flight home yesterday. Let's him easily generate personalized stories for the kids he tutors in reading every week. Fun little ship to sneak in before the new year!
0:48

Vibe coded this little app for my dad on the flight home yesterday. Let's him easily generate personalized stories for the kids he tutors in reading every week. Fun little ship to sneak in before the new year!

joshpuckett

175,977 просмотров • 7 месяцев назад

I got some questions on this, so I decided to fully embrace my content creator era with a video reaction.
0:41

I got some questions on this, so I decided to fully embrace my content creator era with a video reaction.

joshpuckett

67,382 просмотров • 1 месяц назад

I truly cannot wait to share this with you all.
0:20

I truly cannot wait to share this with you all.

joshpuckett

200,366 просмотров • 6 месяцев назад

To achieve excellence, you must build a culture of critique.
2:38

To achieve excellence, you must build a culture of critique.

joshpuckett

69,840 просмотров • 19 дней назад