Code. Deploy. Go Live. cover art

Code. Deploy. Go Live.

Code. Deploy. Go Live.

By: Andrew Connell & Julie Turner
Listen for free

Welcome to the Code. Deploy. Go Live. podcast! By Microsoft MVPs Andrew Connell and Julie Turner, our mission is to deliver prescriptive guidance on Microsoft 365 and Azure for Full-Stack Developers. Get the latest news, discussions, and interviews on topics ranging from Microsoft 365, Microsoft Azure, and related topics. For developers, by developers!© 2025 Code. Deploy. Go Live. Politics & Government
Episodes
  • 033.2 | Design meets Development: Bridge the Gap with Stefan Bauer

    033.2 | Design meets Development: Bridge the Gap with Stefan Bauer
    Jun 4 2026
    NOTE: This replaces episode 33, which had volume issues with our guest, Stefan Bauer.In this episode, Andrew and Julie are joined by their frequent collaborator Stefan Bauer, a Vienna-based web designer with deep roots in front-end development, to dig into a topic that's easy to overlook: how much you can accomplish with modern HTML and CSS before you ever reach for JavaScript. Stefan walks through the origins of the H2O open source design system, a pure HTML/CSS implementation of Microsoft Fluent UI built on atomic design principles, and explains why designing directly in the browser, rather than through tools like Figma, produces a more accurate and accessible result. Along the way, the conversation covers CSS typed custom properties, container queries, native form validation with the :valid and :invalid pseudo-classes, the details and summary elements as a zero-JavaScript accordion and lazy-loading pattern, and the real-world performance tradeoffs between box-shadow and CSS filter: drop-shadow().The episode also gets into the collaborative workflow that Stefan and Julie have developed around Pattern Lab, atomic design, and SharePoint Framework (SPFx), showing how a clean separation of concerns between the design system and the application layer lets each specialist work in their swim lane without stepping on the other. Stefan shares how he and Julie use handlebars templates and JSON data in Pattern Lab to prototype fully interactive UIs with real data before a single line of framework code is written, and how that style guide drops in as a Git submodule directly into an SPFx workspace. The hosts also announce a summer hiatus through September before wrapping with picks, including an interactive map of Microsoft's Copilot naming sprawl, a Scott Galloway interview on AI and jobs, and results from a recent AI developer sentiment survey.🔗 LINKS=================================================From the episode intro & banter:🔗 Andrej Karpathy's LLM Wiki🔗 Andrej Karpathy Just 10x'd Everyone's Claude CodeNews / Feature:🔗 Atomic Design by Brad Frost🔗 Create atomic design systems with Pattern Lab🔗 Approachable Open Source🔗 Fluent UI🔗 hTWOo by N8D🔗 Performance-Optimized Video Embeds with Zero JavaScript🔗 Box Shadow vs. Filter: drop-shadow()🔗 MDN: Client-side form validation🔗 Why input type=”number” is Broken for Decimals🔗 State of CSS 2026 Survey🎁 Picks=================================================Andrew's Pick(s)🔗 Scott Galloway: AI Wasn't Built For You. The Rich Don't Need You Anymore!Julie's Pick(s):🔗 State of AI 2026Stefan's Picks:🔗 How To Design For Trust and Confidence In AI Products🔗 How many products does Microsoft have named 'Copilot'? I mapped every one📚 CHAPTERS=================================================(06:20) - Meet Stefan Bauer (10:49) - DESIGN, HTML & CSS - BRIDGING THE GAP BETWEEN DESIGN AND DEVELOPMENT (16:13) - H2O and the Atomic Design Philosophy (19:20) - Responsive Design and CSS Container Queries (24:27) - Modern CSS - Types, Custom Properties, and No-JavaScript Tricks (35:09) - Native HTML Accessibility with details and summary (40:17) - CSS Form Validation Without JavaScript (46:01) - The Design-to-Development Workflow with Pattern Lab (57:37) - AC'S, JULIE'S & STEFAN'S PICKS=================================================🎙️ PODCAST🔗 https://codedeploygo.live, LinkedIn, Bluesky🎙️ HOSTSJulie TurnerAndrew Connell: LinkedIn, YouTube, Bluesky, Newsletter🎙️ GUESTStefan Bauer: LinkedIn, GitHub, BlueskySPONSORSSympraxis (by Julie Turner) 🔗 Ask Sympraxis 🔗 YouTubeVoitanos (by Andrew Connell) 🔗 LinkedIn 🔗 BlueskyMusic Credit: Ken Bagley
    Show More Show Less
    1 hr and 7 mins
  • 033 | Design meets Development: Bridge the Gap with Stefan Bauer

    033 | Design meets Development: Bridge the Gap with Stefan Bauer
    Jun 3 2026
    In this episode, Andrew and Julie are joined by their frequent collaborator Stefan Bauer, a Vienna-based web designer with deep roots in front-end development, to dig into a topic that's easy to overlook: how much you can accomplish with modern HTML and CSS before you ever reach for JavaScript. Stefan walks through the origins of the H2O open source design system, a pure HTML/CSS implementation of Microsoft Fluent UI built on atomic design principles, and explains why designing directly in the browser, rather than through tools like Figma, produces a more accurate and accessible result. Along the way, the conversation covers CSS typed custom properties, container queries, native form validation with the :valid and :invalid pseudo-classes, the details and summary elements as a zero-JavaScript accordion and lazy-loading pattern, and the real-world performance tradeoffs between box-shadow and CSS filter: drop-shadow().The episode also gets into the collaborative workflow that Stefan and Julie have developed around Pattern Lab, atomic design, and SharePoint Framework (SPFx), showing how a clean separation of concerns between the design system and the application layer lets each specialist work in their swim lane without stepping on the other. Stefan shares how he and Julie use handlebars templates and JSON data in Pattern Lab to prototype fully interactive UIs with real data before a single line of framework code is written, and how that style guide drops in as a Git submodule directly into an SPFx workspace. The hosts also announce a summer hiatus through September before wrapping with picks, including an interactive map of Microsoft's Copilot naming sprawl, a Scott Galloway interview on AI and jobs, and results from a recent AI developer sentiment survey.🔗 LINKS=================================================From the episode intro & banter:🔗 Andrej Karpathy's LLM Wiki🔗 Andrej Karpathy Just 10x'd Everyone's Claude CodeNews / Feature:🔗 Atomic Design by Brad Frost🔗 Create atomic design systems with Pattern Lab🔗 Approachable Open Source🔗 Fluent UI🔗 hTWOo by N8D🔗 Performance-Optimized Video Embeds with Zero JavaScript🔗 Box Shadow vs. Filter: drop-shadow()🔗 MDN: Client-side form validation🔗 Why input type=”number” is Broken for Decimals🔗 State of CSS 2026 Survey🎁 Picks=================================================Andrew's Pick(s)🔗 Scott Galloway: AI Wasn't Built For You. The Rich Don't Need You Anymore!Julie's Pick(s):🔗 State of AI 2026Stefan's Picks:🔗 How To Design For Trust and Confidence In AI Products🔗 How many products does Microsoft have named 'Copilot'? I mapped every one📚 CHAPTERS=================================================(06:20) - Meet Stefan Bauer (10:49) - DESIGN, HTML & CSS - BRIDGING THE GAP BETWEEN DESIGN AND DEVELOPMENT (16:13) - H2O and the Atomic Design Philosophy (19:20) - Responsive Design and CSS Container Queries (24:27) - Modern CSS - Types, Custom Properties, and No-JavaScript Tricks (35:09) - Native HTML Accessibility with details and summary (40:17) - CSS Form Validation Without JavaScript (46:01) - The Design-to-Development Workflow with Pattern Lab (57:37) - AC'S, JULIE'S & STEFAN'S PICKS=================================================🎙️ PODCAST🔗 https://codedeploygo.live, LinkedIn, Bluesky🎙️ HOSTSJulie TurnerAndrew Connell: LinkedIn, YouTube, Bluesky, Newsletter🎙️ GUESTStefan Bauer: LinkedIn, GitHub, BlueskySPONSORSSympraxis (by Julie Turner) 🔗 Ask Sympraxis 🔗 YouTubeVoitanos (by Andrew Connell) 🔗 LinkedIn 🔗 BlueskyMusic Credit: Ken Bagley
    Show More Show Less
    1 hr and 7 mins
  • 032 | SharePoint Framework v1.23 GA & M365 Copilot with Interactive UX… via SPFx?

    032 | SharePoint Framework v1.23 GA & M365 Copilot with Interactive UX… via SPFx?
    May 20 2026
    In this episode, Andrew and Julie dig into the SharePoint Framework (SPFx) 1.23 release that went generally available on May 13, 2026. They walk through what's actually in the release, including the new command set grouping support, the deprecation of the hosted workbench (and the community PnP project filling that gap), and the long-awaited new and edit panel override support for lists and libraries landing in 1.23.1. They also unpack the move away from the Yeoman generator toward an open source SPFx CLI, why the open template model has Julie watching the security implications, and Stefan Bauer's running list of issues with the heft build toolchain that anyone doing non-trivial styling should be tracking.From there, the conversation turns to where SPFx and Microsoft 365 Copilot are heading. Andrew connects the dots on a cryptic roadmap bullet about "SPFx-powered UX for Copilot built with the MCP app model," explaining how MCP apps work today and why this could mean web part developers get Copilot chat surfaces for free, similar to how SPFx tabs work in Microsoft Teams. They wrap with the public preview of the Microsoft 365 Copilot Agent Evaluations Tool for declarative agents built with the Microsoft 365 Agents Toolkit, why evals matter when models and orchestrators shift underneath you, and Julie's pragmatic take on leaning on AI to call deterministic tools rather than expecting deterministic AI.🎧 AUDIO🔗 Listen to this episode📺 VIDEO🔗 Watch this episode🔗 LINKS=================================================🔗 LinkedIn post from Andrew Connell🔗 Voitanos Is Closing: What Happens Next🔗 General Availability of SharePoint Framework 1.23 - Advancing the modern developer experience🔗 SharePoint Framework 1.23 GA overview video🔗 Beau Cameron, Chris Kent, Hugo Bernier: SPFx-LocalWorkbench🔗 Stefan Bauer's open issues on sp-dev-docs (heft toolchain feedback)🔗 AC's M365 Copilot MCP App Demo - PTO Request (not SPFx)🔗 Announcing the public preview of the Microsoft 365 Copilot Agent Evaluations tool🎁 Picks=================================================Andrew's Pick(s)🔗 Fred again.. & Thomas Bangalter - USB002, Alexandra Palace, London (27 February 2026)🔗 Fred again.. - USB002 EVERY SHOW (108 hours, 3 Oct 2025 - 27 Feb 2026)Julie's Pick(s):🔗 The Late Show with Stephen Colbert: Strike Force Five Is And Always Will Be - Kimmel, Fallon, Meyers, Oliver and Colbert🔗 Strike Force Five Returns to Celebrate Stephen Colbert📚 CHAPTERS=================================================(00:40) - ECS Recap and Lisbon Travels (04:01) - Andrew's Career Change to AffPoint (08:47) - SHAREPOINT FRAMEWORK 1.23 RELEASE (10:15) - Command Set Grouping Support (13:18) - Open Source SPFx CLI and Yeoman Retirement (21:06) - Hosted Workbench Deprecation and Dev Builds (27:07) - New and Edit Panel Override Support (33:00) - Extending Copilot UI with SPFx and MCP Apps (46:00) - Evals for Declarative Agents (50:29) - AC'S & JULIE'S PICKS (55:42) - Wrap Up=================================================🎙️ PODCAST🔗 https://codedeploygo.live, LinkedIn, Bluesky🎙️ HOSTSJulie TurnerAndrew Connell: LinkedIn, YouTube, Bluesky, NewsletterSPONSORSSympraxis (by Julie Turner) 🔗 Ask Sympraxis 🔗 YouTubeVoitanos (by Andrew Connell) 🔗 LinkedIn 🔗 BlueskyMusic Credit: Ken Bagley
    Show More Show Less
    57 mins
adbl_web_anon_alc_button_suppression_t1
No reviews yet