The Web Development Podcast with Fexingo: Frontend, Backend, and Modern Web Stack

In this episode of The Web Development Podcast, Lucas and Luna explore the CSS Container Queries API, a feature that lets components adapt their styles based on their container's size rather than the viewport. They trace its journey from early community demand to baseline status across major browsers in early 2023, and explain why it's a game-changer for component-driven development. The hosts break down key concepts like container-type and container-name, compare it to media queries, and highlight practical differences such as style queries and container query units (cqw, cqh). They also discuss real-world use cases, including a dashboard card that reflows based on its column width, and acknowledge the limitations, like the initial lack of support for element queries in the CSS spec. The episode includes a brief, unscripted moment about listener support through buy me a coffee, and ends with a forward-looking question about future container features. Perfect for developers who want to build more responsive and maintainable UI components.

#CSS #ContainerQueries #ResponsiveDesign #WebDevelopment #Frontend #CascadingStyleSheets #ComponentDriven #WebStandards #BrowserSupport #Baseline #StyleQueries #ContainerQueryUnits #MediaQueries #CSSGrid #Flexbox #Technology #FexingoBusiness #BusinessPodcast

Keep every episode free: buymeacoffee.com/fexingo

In this episode, Lucas and Luna explore the CSS Typed Object Model, or Typed OM, a browser API that transforms how developers read and write CSS values from JavaScript. Instead of wrestling with strings like 'transform: translateX(10px)', Typed OM gives you typed JavaScript objects with unit-aware numbers, making code cleaner and faster. They break down how it works, why it beats the old CSSOM string approach, and how it enables smoother animations and layout thrashing prevention. They also discuss browser support as of August 2026, practical use cases, and how it integrates with modern CSS features like custom properties and `calc()`. If you're a front-end developer looking to level up your performance game, this episode has the concrete details you need.

#CSSTypedOM #WebPerformance #JavaScript #Frontend #CSSOM #WebDev #BrowserAPIs #AnimationPerformance #LayoutThrashing #CustomProperties #CalcFunction #ChromeDevTools #WebDevelopment #Technology #FexingoBusiness #BusinessPodcast #WebDevPodcast #Fexingo

Keep every episode free: buymeacoffee.com/fexingo

In episode 169 of The Web Development Podcast, Lucas and Luna dive into the CSS View Transitions API, a browser feature that lets developers create smooth, native-feeling page transitions without heavy JavaScript libraries. They break down how it works under the hood, from the pseudo-element tree to the snapshot process, and walk through a concrete example: migrating a client's React app from a janky loading spinner to buttery cross-fades. They also discuss browser support as of August 2026, performance implications, and how to progressively enhance existing sites with a few lines of CSS. If you've ever wondered why some web apps feel instantly more polished, this episode explains the tech behind that magic—and how you can start using it today.

#CSSViewTransitions #ViewTransitionsAPI #WebPerformance #ModernWeb #FrontendDevelopment #BrowserAPIs #ReactMigration #ProgressiveEnhancement #SmoothTransitions #UXDesign #Technology #FexingoBusiness #BusinessPodcast #WebDev #CSS #JavaScript #UserExperience #WebAnimation

Keep every episode free: buymeacoffee.com/fexingo

In this episode of The Web Development Podcast with Fexingo, Lucas and Luna dive into the CSS View Transitions API, a browser feature that lets developers create smooth, native-feeling animations when navigating between pages or updating the DOM. They break down how it works under the hood, explore real-world examples like a photo gallery and a dashboard, and discuss performance and progressive enhancement. The episode also covers the new same-document variant and what it means for single-page apps. By the end, you'll understand why view transitions are a game-changer for web UX and how to start using them today.

#CSSViewTransitions #WebDevelopment #Frontend #BrowserAPI #WebAnimations #UX #ProgressiveEnhancement #Technology #FexingoBusiness #BusinessPodcast #WebDev #CSS #JavaScript #SinglePageApp #PageTransitions #Performance #WebDesign #Coding

Keep every episode free: buymeacoffee.com/fexingo

In this episode of The Web Development Podcast, Lucas and Luna dive into the CSS Scroll Timeline API, a game-changer for scroll-driven storytelling on the web. They explore how it lets developers tie animations directly to scroll progress without a line of JavaScript, using the new animation-timeline property. The conversation looks at a real-world example: a product page that animates a character running across the screen as you scroll, with a progress bar that fills and text that fades in and out. Lucas explains the difference between scroll progress timelines and view progress timelines, and how the latter can trigger animations when elements enter the viewport. They also weigh performance benefits, browser support as of August 2026, and practical fallbacks. If you've ever struggled with scroll-jacking or janky parallax, this episode shows why CSS is finally the right tool for the job. Plus, a quick note on supporting the show at buy me a coffee dot com slash fexingo.

#CSSScrollTimeline #ScrollDrivenAnimations #WebDevelopment #Frontend #CSSAnimations #AnimationTimeline #ViewProgress #ScrollProgress #WebPerformance #NoJavaScript #ModernCSS #DigitalStorytelling #InteractiveWeb #BrowserSupport #CSSFeatures #Technology #FexingoBusiness #BusinessPodcast

Keep every episode free: buymeacoffee.com/fexingo

In Episode 166 of the Web Development Podcast, Lucas and Luna explore the CSS light-dark() function, a native way to implement light and dark mode without JavaScript or complex theming systems. They walk through how it works, its browser support as of August 2026, and real-world performance benefits. The episode also covers tips for handling fallbacks, custom properties, and accessibility, plus a subtle nod to listener support that keeps the show ad-free. Perfect for frontend developers looking to streamline their theming workflow.

#CSSLightDark #ThemeSwitching #DarkMode #WebDevelopment #Frontend #CSS #WebDev #Technology #DesignTokens #Accessibility #BrowserSupport #Performance #JavaScriptAlternative #CSSFunctions #FexingoBusiness #BusinessPodcast #WebDesign #DevTools

Keep every episode free: buymeacoffee.com/fexingo

In this episode of The Web Development Podcast, Lucas and Luna explore the CSS Color Module Level 4 and its impact on modern design systems. They discuss how new color functions like color-mix(), relative color syntax, and wider gamut support simplify creating, maintaining, and scaling design tokens. The conversation touches on practical examples, browser support, and how tools like style dictionaries are evolving. They also consider potential pitfalls and how teams can adopt these features incrementally. If you've ever struggled with color management in large projects, this episode offers concrete insights and code-level detail.

#CSSColor #ColorFunctions #DesignTokens #ColorMix #RelativeColorSyntax #CSSModule4 #WebDesign #DesignSystems #FrontEnd #CSS #WebDevelopment #Technology #Coding #CSSColorFunction #StyleDictionary #BrowserSupport #DesignOps #FexingoBusiness

Keep every episode free: buymeacoffee.com/fexingo

Lucas and Luna dive into CSS state queries, the emerging spec that lets components adapt their styling based on internal state like visibility, disabled, or checked — without a single line of JavaScript. They explore how this differs from container queries, walk through a real example with a custom dropdown, and discuss browser support as of August 2026. If you're tired of toggling classes or writing imperative state logic for UI, this episode explains how state queries could simplify your stylesheets and shift how we think about state-driven design.

#CSSStateQueries #WebDevelopment #Frontend #CSS #StateQueries #ContainerQueries #UIEngineering #NoJavaScript #DesignSystems #BrowserSupport #WebStandards #ModernCSS #ComponentState #CascadingStyleSheets #TechPodcast #FexingoBusiness #BusinessPodcast #WebDev

Keep every episode free: buymeacoffee.com/fexingo

In this episode, Lucas and Luna dive into the CSS transition-behavior property, a game-changer for animating properties that were once impossible to transition, like display and visibility. They explain how this single line of code enables smooth, discrete animations that were previously only achievable with JavaScript workarounds. Using real-world examples like accordion menus, image carousels, and dropdowns, they show how transition-behavior simplifies state changes and improves user experience. The hosts also discuss browser support, accessibility considerations, and practical tips for progressive enhancement. Tune in to learn how to make your web animations more fluid and your code more maintainable.

#CSSTransitionBehavior #WebAnimations #FrontendDevelopment #CSS #DiscreteAnimations #WebDevelopment #LucasAndLuna #FexingoBusiness #BusinessPodcast #Technology #WebDesign #UserExperience #Accessibility #ProgressiveEnhancement #BrowserSupport #CSSDisplay #CSSVisibility #ModernWeb

Keep every episode free: buymeacoffee.com/fexingo

In this episode of The Web Development Podcast, Lucas and Luna dive deep into the CSS Color 4 specification and how modern color functions like color(), oklch(), and color-mix() are revolutionizing design token management. They explore a real-world case study of a design system migration at a mid-sized tech company, where the team cut their color token count from 200 to 50 while improving consistency across light and dark modes. Lucas explains the math behind perceptually uniform color spaces and why they matter for accessibility, while Luna brings up practical concerns like browser support and tooling. The conversation also touches on how these functions enable dynamic theming and reduce the need for preprocessors. If you've ever struggled with naming or maintaining color tokens, this episode offers a concrete path forward. Plus, a quick reminder that listener support keeps the show ad-free—buy me a coffee if today's episode helped you.

#CSSColor #DesignTokens #WebDevelopment #Technology #Frontend #CSS #ColorFunctions #Oklch #DesignSystems #Accessibility #PerceptuallyUniform #ColorMix #BrowserSupport #WebStandards #FexingoBusiness #BusinessPodcast #TechPodcast #ModernWeb

Keep every episode free: buymeacoffee.com/fexingo