エピソード

  • 187 | The Latest and Greatest Features in CSS
    2024/11/18

    In this episode, Amy, Brad, and guest Alex dive into cutting-edge CSS features that are transforming web development. They explore container queries, logical properties, CSS layers, and scopes, sharing practical applications and browser support updates. The trio also discusses Tailwind CSS and its role in modern web design, offering spicy takes on its implementation.

    Sponsor

    Wix Studio combines the best of both worlds—intuitive design tools for clients and full-stack flexibility for developers. Customize every detail with your own code and take control of your projects.

    Show Notes
    • 00:00 - Welcome and Introductions
    • 01:16 - Shoutout to Wix Studio
    • 03:12 - CSS as a Typed Language
    • 04:10 - The Magic of CSS Layers
    • 07:38 - Logical Properties and Global Support
    • 10:47 - Browser Wars: Who's Leading in CSS?
    • 20:24 - Container Queries in Action
    • 25:37 - CSS Scopes and Their Potential
    • 28:03 - Revolutionizing CSS: Style Queries and Beyond
    • 36:12 - Tailwind CSS: A Spicy Debate
    • 46:13 - Picks and Plugs
      • Alex's Pick: Dropout.tv, especially Gastronauts.
      • Alex's Plug: Speaking at Connect Tech (Atlanta) and Codemash (Ohio). Socials: @fimion (Twitter), @DangitAlex.wtf (Blue Sky)
      • Brad's Pick: Love is Blind season and reunion episodes.
      • Brad's Plug: New to Blue Sky
      • Amy's Pick: Happy Little Dinosaurs board game
      • Amy's Plug: Freaking Full Stack workshop
    Links
    • Raindrop.io
    • Interop 2025 List
    • TailwindCSS
    続きを読む 一部表示
    51 分
  • 186 | Breaking into Tech through Open Source
    2024/11/08

    In this episode, Chris Nowicki shares his path from aerospace to web development and the unique challenges of transitioning into tech. Chris and James discuss how Chris got involved in the open-source project "Deals for Devs," including the tech stack, managing contributions, and handling obstacles. This episode offers a first-hand look at the value of community in development and tips for new devs on getting started in open source.

    Sponsor

    Postman is an API platform for building and using APIs. Postman simplifies each step of the API lifecycle and streamlines collaboration so you can create better APIs—faster.

    Show Notes

    00:00 - Intro

    01:08 - Chris Nowicki’s Journey into Tech

    02:12 - Bootcamp Experience and Structure

    05:07 - Breaking into Tech Through Community Involvement

    08:38 - Deals for Devs: The Project Origin

    11:10 - Sponsor Message: Postman

    12:06 - Tech Stack Overview for Deals for Devs

    13:22 - Tech Stack: Resend, React Email, Tailwind, and Xata

    17:00 - Prisma Integration with Xata

    20:00 - Challenges in Managing Community Projects

    23:54 - Planning and Issue Management for Deals for Devs

    28:00 - Feature Flags and Release Management

    37:15 - Subscription System Workflow

    45:45 - Creating a Dynamic Email Subscription System

    51:58 - Managing Admin and Approval for Deals

    52:26 - Closing

    Links
    • OpenSauced
    • RedwoodJS
    • Deals for Devs Project
    • Postman
    • React Email
    • Vercel
    • Xata
    • Resend
    • Frontend Mentor
    • LaunchDarkly
    • Grid Iron Survivor
    • Dev.to article on CRON jobs
    続きを読む 一部表示
    53 分
  • 185 | JavaScript Cage Match
    2024/10/30

    In this episode, Amy and Brad dive into the top JavaScript frameworks, weighing their strengths and weaknesses. They discuss Svelte, Astro, Next, Remix, and Redwood, comparing their rendering processes, server-side vs. client-side preferences, routing systems, and developer experiences. Perfect for developers weighing options for their next app!

    Sponsor

    Wix Studio combines the best of both worlds—intuitive design tools for clients and full-stack flexibility for developers. Customize every detail with your own code and take control of your projects.

    Show Notes

    00:00 - Intro

    00:40 - Sponsor: Wix Studio

    01:42 - Discussing JavaScript Frameworks at Momentum Conference

    • Michael Richardson on Twitter
    • Taylor Dessyn on Twitter

    02:54 - Momentum Conference and Cincinnati as a Tech Hub

    05:21 - Speaker Feedback System and Conference Experience

    06:12 - Key Takeaways from CSS Talk

    08:56 - Amy’s JavaScript Cage Match Talk and Framework Overviews

    11:30 - Baseline Features in Frameworks: A Comparison

    13:18 - Framework Longevity and Stability

    16:33 - Server vs. Client Rendering in JavaScript Frameworks

    22:01 - Framework Routers and Configuration Differences

    • Scott Tollinski - Svelte Course

    29:02 - Exploring Remix’s Data Loader Pattern

    34:00 - Performance Testing with Sentry

    37:17 - Middleware Usage in Different Frameworks

    40:58 - Which Frameworks Excel in Specific Use Cases?

    45:01 - Avoiding the Framework Spiral: Stick with a Favorite

    • Developer Productivity, Episode 68

    49:09 - Picks and Plugs Section

    続きを読む 一部表示
    56 分
  • 184 | Laravel vs. Full Stack JavaScript: The Debate
    2024/10/23

    Amy, Brad, and Aaron discuss how Laravel and JavaScript frameworks like React can coexist in a modern web development workflow. They examine the benefits of Laravel's integrated ecosystem, the pragmatism behind choosing technologies like SQLite, and the cultural differences between Laravel's "benevolent dictator" model versus the JavaScript community's preference for composability and modularity.

    Sponsor

    WorkOS - WorkOS helps you launch enterprise features like SSO and user management with ease. Thanks to the AuthKit for JavaScript, your team can integrate in minutes and focus on what truly matters—building your app.

    Show Notes

    00:00:00 - Introduction and Sponsors

    00:01:06 - Welcoming Aaron Francis

    00:02:07 - Amy's Experience with Laravel and AI

    00:04:12 - Aaron's Transition to Try Hard Studios

    00:08:02 - Production Setup and Process

    00:10:15 - Monetization Strategies for Try Hard Studios

    00:13:39 - The Resurgence of SQLite

    00:18:08 - SQLite in Modern Development Workflows

    00:23:24 - Terso and Innovations with SQLite

    00:28:00 - Laravel vs. Full Stack JavaScript: The Debate

    00:33:16 - Integrating Laravel with Frontend Frameworks

    00:39:03 - Pragmatic Approaches to Web Development

    00:44:54 - JavaScript Ecosystem and Laravel Comparisons

    00:53:00 - Laravel’s Evolution to Embrace JavaScript

    00:54:09 - Closing Remarks

    続きを読む 一部表示
    54 分
  • 183 | Auth-some Sauce: Spicing up Security
    2024/10/02

    In this episode, Amy and Brad sit down with Michael Chan to discuss WorkOS, a tool simplifying authentication and authorization for developers. They explore how WorkOS makes complex processes like OAuth, SSO, and MFA easy to implement, compare it to other auth providers, and dive deep into AuthKit’s capabilities.

    Sponsors

    WorkOS - WorkOS helps you launch enterprise features like SSO and user management with ease. Thanks to the AuthKit for JavaScript, your team can integrate in minutes and focus on what truly matters—building your app.

    Show Notes

    00:00 - Intro

    01:15 - Introduction to WorkOS

    • WorkOS
    • AuthKit
    • WorkOS on YouTube

    02:23 - Comparing WorkOS with Competitors

    03:50 - Features of WorkOS AuthKit

    06:53 - WorkOS’s Evolution and Target Audience

    09:30 - Challenges in Implementing Auth Solutions

    10:30 - Should Developers Build Their Own Auth?

    • Selma's Blog Post: One Does Not Simply Delete Cookies

    12:50 - The Cascade of Auth Decisions: Emails and Databases

    14:22 - WorkOS Integration with Astro and Remix

    19:50 - Key Benefits of WorkOS for Developers

    22:00 - Integrating AuthKit with Next and Remix

    • Sam Selikoff's YouTube Video on WorkOS + AuthKit + Remix: Using AuthKit's Headless APIs in Remix

    24:01 - Challenges in Documentation for Developers

    • Divio's Guide to Documentation

    33:06 - The Future of Documentation and AI’s Role

    35:00 - Wrap-up

    続きを読む 一部表示
    38 分
  • 182 | Low-Code as a Medium For High-Speed Developers
    2024/08/21

    Ray Deck, a seasoned data scientist and founder of State Change AI, talks about the evolving landscape of software development with the rise of no code and low code platforms. He explains how these tools are not just for non-technical founders but also offer significant advantages to experienced developers. The episode explores the practical applications of no code tools in business and how they can lead to faster, more efficient product development.

    Show Notes

    00:00 - Introduction to the episode and guest Ray Deck

    01:02 - Ray’s background in data science and founding State Change AI

    03:01 - The concept of no code and low code and their impact on accessibility

    07:06 - Choosing between no code, low code, and traditional coding

    09:12 - Pitching no code tools to developers

    14:01 - When to use no code vs. custom development

    • OutSystems
    • Mendix
    • Xano
    • Flutter Flow
    • WeWeb
    • Webflow

    24:06 - Automation as a critical component of no code solutions

    • Zapier
    • BuildShip
    • FastGen

    32:00 - Discussing State Change AI’s role in the no code ecosystem

    • Bubble

    39:27 - Picks and Plugs

    • James's Pick: Powerstep Inserts - High-quality shoe inserts for added comfort.
    • James's Plug: Learn Build Teach Community - A Discord community for developers
    • Bekah's Pick: Flux Footwear - Zero drop shoes ideal for walking, weightlifting, and running
    • Bekah's Plug: 29 Days of Open Source Series on Dev.to - Highlighting open-source alternatives to proprietary software.
    • Ray's Pick: Ollama - Open-source platform for running large language models locally.
    • Ray's Plug: State Change AI YouTube Channel - Focusing on the hardest projects in no code and low code.
    続きを読む 一部表示
    43 分
  • 181 | How Prisma Makes Backend Development Easy
    2024/08/14

    Marc Hess, a Developer Advocate at Prisma, talks about the evolution of Prisma from an ORM tool to a comprehensive platform for database management. The discussion includes practical advice on using Prisma, optimizing documentation, and Marc’s experience with developer advocacy. The team also explores the benefits of Prisma Pulse for real-time applications and how it compares to other ORM tools like Drizzle.

    Sponsor Convex

    Convex is the backend for founders. Convex is the backend application platform for product-obsessed founders.

    Show Notes

    00:00 - Introduction and Sponsor Shoutout

    00:43 - Sponsor: Convex

    01:06 - Introducing Marc Hess from Prisma

    • Prisma
    • RedwoodJS

    04:04 - YouTube Content Creation Tips

    11:24 - Introduction to Prisma and Its Products

    14:19 - Deep Dive into Prisma Pulse

    19:06 - Best Practices for Documentation

    • Prisma Documentation
    • Divio's Documentation System

    29:13 - Client Extensions in Prisma

    • Prisma Client Extensions

    37:13 - Prisma vs Drizzle Discussion

    • Drizzle

    44:00 - Picks and Plugs Segment

    続きを読む 一部表示
    49 分
  • 180 | Building a Custom Email Service: Why Sometimes DIY is Best
    2024/08/09

    In this episode of Compressed.fm, James, Amy, and Bekah delve into their current projects, share insights on smarter API calls, and discuss the intricacies of working with Redwood JS. The trio also explores the concept of a two-week challenge for creating and selling digital products, the importance of contributing to open source, and the evolving role of AI in web development.

    Show Notes

    00:00:00 Intro

    00:00:42 James's Video on API Best Practices

    • YouTube Video: Stop Using JavaScript Fetch - Do This Instead!

    00:03:02 Amy Discusses Building a Complex Redwood Application

    00:08:06 James and Amy Discuss Resend and React Email Integration

    • Resend
    • Episode 151: Leaving a Job to Build a Company with Zeno from Resend
    • React Email

    00:09:24 The Two-Week Challenge: Creating and Selling a Product

    • Email Based Course

    00:11:45 Bekah on Leadership and Communication Skills in Tech

    00:13:14 Planning and Executing a Two-Week Product Challenge

    00:20:31 Discussing Autobiographies and Productivity Books

    • Ali Abdaal - Feel Good Productivity
    • 50 Cent - Hustle Harder, Hustle Smarter
    • Chrome Extension: YouTube Playback Speed

    00:29:17 Addressing Junior Devs: Tips for Building a Strong Portfolio

    • Refactoring UI

    00:33:10 James on Turning DealsForDevs.com into a Resource Hub

    00:34:08 Conclusion

    続きを読む 一部表示
    34 分