
COMPRESSEDfm
A weekly podcast about web design and development with a little zest from Amy Dutton and Brad Garropy
Latest episodes

Oct 13, 2022 • 45min
094 | Visually Building React Applications with Plasmic
Kenny joins us to discuss the uses for Plasmic and the advantages of its integration features.SponsorsHashnodeCreating a developer blog is crucial in creating an online presence for yourself. It’s proof of work for your future employer. Hashnode makes it easy to start a blog in seconds on your custom domain for free. It’s fully optimized for developers and supports writing in Markdown, rich embeds, publishing from GitHub repository, syntax highlighting, and edge caching with Next.js blogs deployed on Vercel. On top of these, Hashnode is free from paywall, ads, and sign-up prompts.Hashnode is a community of developers, engineers, and people in tech. Your article gets instant readership from their growing community.Check out Hashnode, and join the community.Daily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.Check out daily.devShow Notes00:00 Introduction01:19 About Kenny02:20 Engineer vs Advocate03:49 Rotating Roles05:40 Code Components in Plasmic06:56 How is Plasmic Different?09:50 Integration With Other Headless CMS12:01 Using Components13:50 Teaching With Low Code17:03 Enabling Developers19:16 Integration24:24 Sponsor: Hashnode25:10 Interest in Jamstack31:19 Other Favorite?36:46 Sponsor: Daily.dev37:47 Picks and Plugs

Oct 11, 2022 • 40min
093 | Full Time Content Creation
Amy discusses with James his recent job change and how he plans to move forward in full time content creation.SponsorsZEALZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit codingzeal.comVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."For more information, visit datocms.comShow Notes00:00 Introduction00:54 James's Big Change04:54 Diversifying Content07:05 Full Time Content vs Full Time Dev09:19 Being Your Own Boss11:04 Running Workshops13:03 Sponsor: DatoCMS13:57 Feeding the Beast19:05 Process Changes20:33 Where to Start?23:23 Bad First Pancake25:24 Watching the Numbers26:33 Imposter Syndrome28:42 Sponsor: ZEAL29:36 Sponsored Rap30:12 Monthly Retainers and Freelance Dev Rel31:10 End Goal32:59 Is this freelance Dev Rel?33:37 Sponsor: Vercel34:44 Picks and Plugs

Oct 9, 2022 • 45min
092 | Design Systems for Developers
Joe talks with Amy and James about utilizing open source as a beginner and his interest in TypeScript.SponsorsHashnodeCreating a developer blog is crucial in creating an online presence for yourself. It’s proof of work for your future employer. Hashnode makes it easy to start a blog in seconds on your custom domain for free. It’s fully optimized for developers and supports writing in Markdown, rich embeds, publishing from GitHub repository, syntax highlighting, and edge caching with Next.js blogs deployed on Vercel. On top of these, Hashnode is free from paywall, ads, and sign-up prompts.Hashnode is a community of developers, engineers, and people in tech. Your article gets instant readership from their growing community.Check out Hashnode, and join the community.Daily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.Check out daily.devShow Notes00:00 Introduction02:04 Explaining Storybook06:03 Component Testing14:14 Storybook Inside Chromatic16:58 The Value of Testing20:55 Storybook and Redwood23:35 Sponsor: Hashnode24:21 What Chromatic Does28:30 Percy vs Chromatic34:32 Sponsor: Daily.dev35:33 Michael at Chromatic38:35 Components44:37 Picks and Plugs

Oct 5, 2022 • 33min
091 | Open Source, TypeScript, and Learning featuring Joe Previte
Joe talks with Amy and James about utilizing open source as a beginner and his interest in TypeScript.SponsorsHashnodeCreating a developer blog is crucial in creating an online presence for yourself. It’s proof of work for your future employer. Hashnode makes it easy to start a blog in seconds on your custom domain for free. It’s fully optimized for developers and supports writing in Markdown, rich embeds, publishing from GitHub repository, syntax highlighting, and edge caching with Next.js blogs deployed on Vercel. On top of these, Hashnode is free from paywall, ads, and sign-up prompts.Hashnode is a community of developers, engineers, and people in tech. Your article gets instant readership from their growing community.Check out Hashnode, and join the community.Daily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.Check out daily.devShow Notes00:00 Introduction02:54 Joes Background04:10 Passion for Open-source05:25 Being an Open-source Beginner11:09 How to Find a Potential Project11:54 Love for Teaching14:44 Sponsor: Hashnode15:34 TypeScript Experience17:51 8 Hours to Learn20:16 Conferences and Meetings24:31 Building Learning Tools25:59 The Power of Content30:01 Sponsor: Daiy.dev36:52 One Minute Vim Pitch

Oct 3, 2022 • 41min
090 | Democratizing Data
In this Episode guest Ben Haynes tells us about his work at Directus and where the software is headed next.SponsorsHashnodeCreating a developer blog is crucial in creating an online presence for yourself. It’s proof of work for your future employer. Hashnode makes it easy to start a blog in seconds on your custom domain for free. It’s fully optimized for developers and supports writing in Markdown, rich embeds, publishing from GitHub repository, syntax highlighting, and edge caching with Next.js blogs deployed on Vercel. On top of these, Hashnode is free from paywall, ads, and sign-up prompts.Hashnode is a community of developers, engineers, and people in tech. Your article gets instant readership from their growing community.Check out Hashnode, and join the community.Daily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.Check out daily.devShow Notes00:00 Introduction02:54 Momentum04:10 Ben's Favorite Framework05:25 What problems does Directus solve?11:09 Sponsor: Hashnode11:54 How James Heard of Directus14:44 Hosting Recommendations15:34 Having a Free Tier17:51 Thoughts on TypeScript20:16 Integration with Other Ecosystems24:31 Demoing the Platform25:59 Can Directus do this?30:01 Sponsor: Daily.dev31:02 Transition to CEO36:52 Upcoming Features

Sep 30, 2022 • 50min
89 | Building Better Websites with Remix featuring Kent C Dodds
Kent discusses his role at Remix and why he loves the product so much.SponsorsHashnodeCreating a developer blog is crucial in creating an online presence for yourself. It’s proof of work for your future employer. Hashnode makes it easy to start a blog in seconds on your custom domain for free. It’s fully optimized for developers and supports writing in Markdown, rich embeds, publishing from GitHub repository, syntax highlighting, and edge caching with Next.js blogs deployed on Vercel. On top of these, Hashnode is free from paywall, ads, and sign-up prompts.Hashnode is a community of developers, engineers, and people in tech. Your article gets instant readership from their growing community.Check out Hashnode, and join the community.Daily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.Check out daily.devShow Notes00:00 Introduction01:33 Kents Background07:08 The Marketing of Remix09:08 Create Things You're Excited About11:06 Transparency and Honesty13:51 Sponsor: Hashnode14:37 Using Remix and What's Coming Soon24:49 Embracing the Web Platform32:14 How to Handle Databases37:15 Sponsor: Daily.dev38:16 Hate Tailwind?43:58 Tradeoffs

Sep 28, 2022 • 50min
88 | Breaking into Dev Rel featuring Tessa Mero
In this episode guest Tessa Mero talks to James and guest cohost Brad Garropy about working in Dev Rel and transitioning her job.SponsorsDaily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.Check out daily.devHashnodeCreating a developer blog is crucial in creating an online presence for yourself. It’s proof of work for your future employer. Hashnode makes it easy to start a blog in seconds on your custom domain for free. It’s fully optimized for developers and supports writing in Markdown, rich embeds, publishing from GitHub repository, syntax highlighting, and edge caching with Next.js blogs deployed on Vercel. On top of these, Hashnode is free from paywall, ads, and sign-up prompts.Hashnode is a community of developers, engineers, and people in tech. Your article gets instant readership from their growing community.Check out Hashnode, and join the community.Show Notes00:00 Introduction01:12 Introducing Tessa02:36 How did Brad get Into Web05:46 Draw of Developer Relations and Developer Advocacy09:46 Getting Into Speaking12:17 Preparing for Criticism17:06 Sponsor: Hashnode17:53 How to Progress Your Career22:12 Performance Indicators in Developer Relations26:39 Sponsor: Daily.dev27:40 Working for Open-source34:08 Companies that Prioritize Dev42:19 Brad's Pick: Digital Minimalism by Cal Newport44:09 Brad's Plug: Brad Garropy on YouTube44:28 Tessa's Pick: Shure SM7B47:23 Tessa's Plug: Appwrite Discord48:32 James's Pick: The Weekend Away49:39 James's Plug: James Q Quick YouTube

Sep 26, 2022 • 49min
87 | I lost my job. HELP! featuring James Perkins
In this episode James Perkins talks about unexpected job changes and what it’s like to work for start-ups.SponsorsHashnodeCreating a developer blog is crucial in creating an online presence for yourself. It’s proof of work for your future employer. Hashnode makes it easy to start a blog in seconds on your custom domain for free. It’s fully optimized for developers and supports writing in Markdown, rich embeds, publishing from GitHub repository, syntax highlighting, and edge caching with Next.js blogs deployed on Vercel. On top of these, Hashnode is free from paywall, ads, and sign-up prompts.Hashnode is a community of developers, engineers, and people in tech. Your article gets instant readership from their growing community.Check out Hashnode, and join the community.Daily.devdaily.dev is where developers grow together. It provides a community-based feed of the best developer news, helping you stay up-to-date. daily.dev aggregates hundreds of sources every few minutes and creates a personal feed for you according to your interests, whether it’s web dev, data science, or Elixir. Anything you might be interested in, it has the content for you.Check out daily.devShow Notes00:00 - Intro03:08 - Creating Content for Companies You Like05:57 - Startups: Phases and Funding08:08 - Layoffs11:32 - Startups and Unicorns15:30 - Payouts and Stock Options21:36 - Sponsor: Hashnode22:22 - Risky Startups28:26 - Black Market Share Deals30:45 - Where to find startup jobs36:19 - Job Confidence42:49 - Sponsor: Daily.Dev43:50 - Don't Burn Bridges48:16 - Final Thoughts and Community Shoutouts

Sep 23, 2022 • 55min
86 | Chrome Developer Tools Walkthrough
In this episode, James and Amy talk about the Chrome Developer Tools including familiar tabs like Elements, Console, Network, and a few you've probably never heard of! They also share some of their favorite tips and tricks along the way.SponsorsZEALZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit codingzeal.comVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."For more information, visit datocms.comShow Notes00:00:00 - Intro00:04:43 - Amy's Trip to Berlin for Prisma Days00:07:47 - What Are Chrome Developer Tools?00:12:18 - The Elements Tab00:16:00 - Sponsor: DatoCMS00:16:54 - Tweaking Styles in the Elements Tab00:19:06 - The Layout Tab, Event Listeners, Breakpoints, and Accessibility Tabs00:23:34 - The Console00:27:18 - Sponsor: Zeal00:28:12 - Performance Insights and Performance00:29:07 - Debugging and the Sources Tab00:31:22 - The Network Tab00:37:07 - Sponsor: Vercel00:38:14 - The Application Tab - Local Storage, Cookies, and More00:41:30 - The Lighthouse Tab and Framework Specific Tabs00:44:52 - Grab Bag Questions00:50:02 - Picks and Plugs

Sep 21, 2022 • 46min
85 | Casual Conversations on Github Copilot, Frameworks, Desk Setups, Serverless, and More
In this episode, James and Amy answer questions from the audience about Github Copilot, modern frameworks, Serverless vs Express.js, PlanetScale vs Supabase vs Firebase, and more!SponsorsZEALZEAL is a computer software agency that delivers “the world’s most zealous” and custom solutions. The company plans and develops web and mobile applications that consistently help clients draw in customers, foster engagement, scale technologies, and ensure delivery.ZEAL believes that a business is “only as strong as” its team and cares about culture, values, a transparent process, leveling up, giving back, and providing excellent equipment. The company has staffers distributed throughout the United States, and as it continues to grow, ZEAL looks for collaborative, object-oriented, and organized individuals to apply for open roles.For more information visit codingzeal.comVercelVercel combines the best developer experience with an obsessive focus on end-user performance. Their platform enables frontend teams to do their best work. It is the best place to deploy any frontend app. Start by deploying with zero configuration to their global edge network. Scale dynamically to millions of pages without breaking a sweat.For more information, visit Vercel.comDatoCMSDatoCMS is a complete and performant headless CMS built to offer the best developer experience and user-friendliness in the market. It features a rich, CDN-powered GraphQL API (with realtime updates!), a super-flexible way to handle dynamic layouts and structured content, and best-in-class image/video support, with progressive/LQIP image loading out-of-the-box."For more information, visit datocms.comShow Notes00:00:00 - Intro00:02:16 - Github Copilot Controversy00:15:08 - Sponsor: DatoCMS00:16:02 - Thoughts on Next JS,Redwood, Remix, and More00:23:27 - Sponsor: ZEAL00:24:22 - Desk Cable Management 00:30:25 - Serverless vs Express.js00:34:50 - Prisma and PlanetScale00:37:17 - Sponsor: Vercel00:38:24 - Script for YouTube Images00:39:42 - PlanetScale vs Firebase vs Supabase