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

Episode 91 of The Web Development Podcast digs into CSS Container Queries, a feature that finally lets components respond to their parent container's size rather than the viewport. Lucas explains how this flips the old 'responsive design' model on its head, using a real dashboard card example. Luna questions browser support and practical adoption, and they discuss how frameworks like Tailwind and Emotion are adapting. They also touch on the performance benefits of reducing JavaScript-based resize observers. By the end, you'll understand why container queries are more than syntactic sugar—they enable truly reusable, self-contained components. This episode is ad-free thanks to listeners at buymeacoffee.com/fexingo.

#CSSContainerQueries #ResponsiveDesign #WebDevelopment #Frontend #CSS #ComponentDriven #DashboardUi #TailwindCSS #EmotionCSS #BrowserSupport #Chrome #Safari #Firefox #WebPerformance #JavaScript #Technology #FexingoBusiness #BusinessPodcast

Keep every episode free: buymeacoffee.com/fexingo

Episode 90 of The Web Development Podcast with Fexingo dives into CSS container queries — a feature that lets components respond to their parent container's size rather than the viewport. Lucas and Luna break down why this matters for reusable UI components, how it differs from traditional media queries, and a real-world example from a dashboard layout that turned a maintenance nightmare into clean code. They also discuss browser support as of mid-2026 and practical migration strategies for existing projects. If you've ever fought with nested breakpoints or duplicated styles across contexts, this episode gives you a concrete tool to simplify your responsive design.

#CSSContainerQueries #ResponsiveDesign #WebDevelopment #Frontend #CSS #UIComponents #DashboardDesign #WebDevPodcast #FexingoWebDev #Technology #WebStandards #ModernCSS #ContainerQueries #Breakpoints #ComponentDriven #CSSFeatures #WebPerformance #FexingoBusiness

Keep every episode free: buymeacoffee.com/fexingo

Episode 89 of The Web Development Podcast dives into a silent user-experience killer: how web forms inadvertently reject or interfere with password managers. Lucas unpacks the specific HTML attributes and JavaScript patterns that cause autofill failures, focusing on the autocomplete attribute, form structure, and the dangers of dynamically generated fields. Luna brings real-world data on user abandonment rates when password managers are blocked. They walk through a concrete fix using the 'webauthn' and 'username' autocomplete tokens, and discuss the broader principle of respecting user tooling. No abstract theory—just actionable code patterns that make or break login forms. If you've ever wondered why your password manager works on some sites but not others, this episode explains the browser mechanics behind it.

#WebDevelopment #PasswordManager #UX #Autofill #HTMLForms #WebSecurity #Frontend #UserExperience #LoginForms #BrowserAPI #WebAuthn #WebDev #Technology #Coding #JavaScript #FexingoBusiness #BusinessPodcast #WebDevPodcast

Keep every episode free: buymeacoffee.com/fexingo

Episode 88 of The Web Development Podcast dives into the overlooked CSS media feature `prefers-contrast`. Lucas and Luna explain how thousands of web apps fail users who need high or low contrast, using real-world examples like GitHub's custom themes and GOV.UK's forced-colors fallback. They walk through the spec, the difference from forced-colors, practical implementation tips, and common pitfalls like overriding with `!important`. If you've ever had a user complain about text readability or eye strain, this episode shows you the one line of CSS you're probably missing.

#WebDev #Accessibility #CSS #PrefersContrast #HighContrast #LowContrast #WCAG #UserPreferences #ResponsiveDesign #HTML #LucasAndLuna #Fexingo #WebDevelopmentPodcast #ModernWeb #Frontend #CSSMediaQueries #FexingoBusiness #BusinessPodcast

Keep every episode free: buymeacoffee.com/fexingo

Episode 87 of The Web Development Podcast with Fexingo dives into the growing world of foldable and dual-screen devices. Lucas and Luna explore why most web apps break on foldable screens—from viewport resizing gotchas to CSS media queries that assume a single static screen. They walk through real-world examples like mismatched device-pixel ratios and window resizing during fold events, and share practical tips using responsive design patterns like container queries and viewport segments. By the end, you'll know how to test and optimize for Samsung Galaxy Z Fold, Huawei Mate X, and Microsoft Surface Duo. Plus, a brief word on listener support keeps the show ad-free.

#FoldableDevices #ResponsiveWebDesign #CSS #ContainerQueries #ViewportSegments #SamsungGalaxyZFold #HuaweiMateX #MicrosoftSurfaceDuo #MobileWeb #WebPerformance #DevicePixelRatio #MediaQueries #DualScreen #WebDev #Frontend #Technology #FexingoBusiness #BusinessPodcast

Keep every episode free: buymeacoffee.com/fexingo

Ever notice your web app's text is either too small or too large for users, no matter how they set their browser's default font size? In this episode, Lucas and Luna dive into the overlooked CSS 'system-ui' and rem-based sizing, revealing how most developers accidentally hardcode pixel values that ignore user preferences. They explore real-world examples from sites like Wikipedia and GitHub that get it right, and show how a simple shift from px to rem can dramatically improve accessibility. They also discuss the difference between browser zoom and text-only zoom, and why '1rem' doesn't always equal '16px' when users adjust settings. By the end, you'll know exactly how to make your web app respect the user's font size choice, boosting readability and inclusivity.

#WebDevelopment #CSS #Accessibility #Typography #UserPreferences #FontSize #RemUnits #Pixels #ResponsiveDesign #WebPerformance #UX #Frontend #HTML #BrowserSettings #InclusiveDesign #CodingTips #FexingoBusiness #BusinessPodcast

Keep every episode free: buymeacoffee.com/fexingo

Episode 85 of The Web Development Podcast digs into a surprising accessibility gap: most web apps ignore a user's operating system font size preference, defaulting to a fixed pixel-based cascade. Lucas and Luna break down why this happens — from CSS reset dogma to browser quirks like the rem vs px divide — and walk through concrete fixes: setting a fluid base font-size on the html element, using relative units throughout, and respecting the prefers-reduced-transparency media query. They also discuss real-world data from a 2025 accessibility audit of 1000 sites that found 73% failed to respect OS-level font scaling. If you've ever pinched-zoomed a site just to read it, this episode explains why the developer probably never thought about your settings.

#WebDevelopment #Accessibility #CSS #FontSizing #RemVsPx #UserPreferences #MediaQueries #PrefersReducedTransparency #ResponsiveDesign #Typography #Frontend #Technology #FexingoBusiness #BusinessPodcast #WebDev #UX #InclusiveDesign #AuditData

Keep every episode free: buymeacoffee.com/fexingo

Lucas and Luna dive into the CSS `prefers-reduced-motion` media query — a browser feature that 30% of users enable, yet most web apps ignore. They unpack real research from the Web Almanac showing that only 2.9% of sites respect this preference, and discuss how excessive animations can trigger vestibular disorders, distracting interactions, and battery drain. Using concrete examples like a Netflix-style carousel and a custom scroll-triggered parallax, they show how to detect the preference, swap CSS animations for transitions, and use JavaScript's `matchMedia` for fallback logic. The episode also covers the ethical angle: respecting user settings isn't just accessibility — it's basic UX. A practical, code-light guide for developers who want to make their sites more inclusive without losing visual polish.

#ReducedMotion #PrefersReducedMotion #CSS #WebAccessibility #FrontendPerformance #VestibularDisorder #WebAlmanac #Animations #Parallax #Carousel #matchMedia #UserExperience #InclusiveDesign #Technology #FexingoBusiness #BusinessPodcast #WebDevelopment #Frontend

Keep every episode free: buymeacoffee.com/fexingo

Episode 83 dives into a common but often overlooked cause of memory leaks in single-page applications: abandoned event listeners. Lucas and Luna walk through a real debugging session on a React dashboard that had grown sluggish over weeks, only to find that setTimeout and addEventListener calls in unmounted components were still holding references. They explain how JavaScript closures keep those handlers alive, how the browser's garbage collector gets blocked, and the three-line fix using AbortController that can reclaim hundreds of megabytes of memory. The episode also includes a quick, honest moment about how listener support via buy me a coffee dot com slash fexingo keeps the show ad-free and independent. If you've ever wondered why your web app gets slower the longer users stay on it, this episode gives a concrete diagnostic and fix.

#JavaScript #MemoryLeak #EventListeners #WebDevelopment #React #GarbageCollection #AbortController #FrontendPerformance #setTimeout #SinglePageApplication #Debugging #ChromeDevTools #closure #Technology #FexingoBusiness #BusinessPodcast #WebDevWithFexingo #ListenerSupported

Keep every episode free: buymeacoffee.com/fexingo

Episode 82 of The Web Development Podcast with Fexingo dives into a subtle but common source of memory leaks in JavaScript: closures. Lucas and Luna break down how closures hold references to outer function scopes, preventing garbage collection and gradually bloating memory usage. They trace the problem through concrete examples—from event listeners in React components to data-binding patterns in vanilla JS—and show how to spot them using Chrome DevTools heap snapshots. The episode offers practical fixes like nullifying references and using WeakMap, and explains why even experienced developers fall into this trap. Perfect for frontend engineers and web developers who want to build more performant, memory-efficient single-page applications without the mystery.

#ClosureMemoryLeak #JavaScript #WebPerformance #MemoryManagement #GarbageCollection #Frontend #React #ChromeDevTools #WeakMap #EventListeners #DOMNodes #HeapSnapshots #WebDev #SoftwareEngineering #Technology #FexingoBusiness #BusinessPodcast #WebDevelopmentPodcast

Keep every episode free: buymeacoffee.com/fexingo