Changelog & Friends – Episode #84

Friends on the Frontend

with John W. Long

Featuring

All Episodes

Adam’s friend on the frontend, John Long joins the show to explore his usage of AI, design tools and the stack he prefers. We talk Next.js vs Rails, maintaining open source, building websites with Framer, their mutual love for Figma, and more.

Featuring

Sponsors

RetoolThe low-code platform for developers to build internal tools — Some of the best teams out there trust Retool…Brex, Coinbase, Plaid, Doordash, LegalGenius, Amazon, Allbirds, Peloton, and so many more – the developers at these teams trust Retool as the platform to build their internal tools. Try it free at retool.com/changelog

Augment Code – Developer AI that uses deep understanding of your large codebase and how you build software to deliver personalized code suggestions and insights. Augment provides relevant, contextualized code right in your IDE or Slack. It transforms scattered knowledge into code or answers, eliminating time spent searching docs or interrupting teammates.

Temporal – Build invincible applications. Manage failures, network outages, flaky endpoints, long-running processes and more, ensuring your workflows never fail. Register for Replay in London, March 3-5 to break free from the status quo.

Fly.ioThe home of Changelog.com — Deploy your apps close to your users — global Anycast load-balancing, zero-configuration private networking, hardware isolation, and instant WireGuard VPN connections. Push-button deployments that scale to thousands of instances. Check out the speedrun to get started in minutes.

Notes & Links

📝 Edit Notes

Chapters

1 00:00 Let's talk! 00:38
2 00:38 Sponsor: Retool 03:01
3 03:39 Start the show! 02:02
4 05:40 Consuming generated content 03:43
5 09:24 Ai is similar in quality and mistakes 01:34
6 10:58 What does John do? 01:48
7 12:45 Rails has changed so much 01:25
8 14:10 Next.js lover? 02:14
9 16:25 Rails 3 release date 03:28
10 19:52 Let's talk Zest 04:02
11 23:55 Tools of a designer/frontender 06:00
12 29:54 Sponsor: Augment Code 03:09
13 33:03 Coming off a Framer high 05:40
14 38:43 Having a Frontend background 10:14
15 48:57 Using AI in design processes 08:34
16 57:31 What tools are in your stack? 11:43
17 1:09:14 Sponsor: Temporal 02:21
18 1:11:36 Figma is awesome 06:11
19 1:17:47 Generated.photos 02:09
20 1:19:55 Createing logos with ChatGPT 04:03
21 1:23:59 Iconic.app from Orman Clark 03:07
22 1:27:05 The state of Zest Icons 06:58
23 1:34:03 Heroicons! 02:15
24 1:36:18 1.5 vs 2 pixel lines 02:40
25 1:38:58 Devs working with Design 01:56
26 1:40:54 Figma School 02:49
27 1:43:44 Wrapping up 02:04
28 1:45:47 That's all friends! 01:42

Transcript

⏰ Coming Soon

Changelog

We're hard at work on the transcript for this episode! Sign in / up to access transcript notifications. 💪

Player art
  0:00 / 0:00