691: Charts + Graphs, Vibe Coding an App, and Debating Affordances
What do Balatro streamers do when the game is over, Random in CSS is so hot right now, Dave has a better idea for charts and graphs that would change the world, Quiet UI follow up, Dave tries vibe coding a tennis app and doesn't completely John McEnroe his laptop, Chris wonders about better cursor UI on the web, and debating affordances vs conventions.
Time Jump Links
- 00:20 Delivering value right now
- 00:47 Being a generalist doesn't help you in the content game
- 07:30 Random in CSS is going to pop off
- 11:41 Sponsor: tldraw
- 13:48 Charts and graphs
- 23:53 Quiet UI follow up
- 28:03 Dave tries vibe coding a tennis app
- 42:00 The less you know, the better it seems to do
- 49:19 Cursors on the web
- 02:20 Affordance vs convention
Links
- Jynxzi - Twitch
- BALL x PIT on Steam
- Enhancing Web Components Safely with Self-Destructing CSS by Scott Jehl
- https://webawesome.com
- Podcast Awesome
- Quiet UI
- A Beautiful Site
- Eleventy is a simpler static site generator
- Don’t use custom CSS mouse cursors – Eric Bailey
- Home | Rach Smith's digital garden
- The Two Button Problem – Frontend Masters Blog
Episode Sponsors 🧡
tldraw (11:41)
Have you ever wanted to build an app that works kinda like Miro or Figma, that has a zoomable infinite canvas, that’s multiplayer, and really good, but you also want to build it in React with normal React components on the canvas?
Good news! tldraw is the world’s first, best, and only SDK for building infinite canvas apps in React.
tldraw takes care of all the canvas complexities — things like the camera, selection logic, and undo redo — so that you can focus on building the features that matter to your users. It’s easy to use with plenty of examples and starter kits, including a kit where you can use AI to create things on the canvas.
Get started for free at tldraw.dev/shoptalk, or run npm create tldraw to spin up a starter kit.