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

Episode 81 of The Web Development Podcast tackles a subtle but performance-crippling bug: memory leaks from JavaScript closures. Lucas and Luna break down a real case from a popular React dashboard app that steadily consumed 200 MB per hour just from event handlers referencing stale variables. They explain how closure scope chains keep references alive, why modern single-page apps are especially vulnerable, and three practical fixes: nullifying references after use, using WeakMap for listener tracking, and profiling with Chrome DevTools' memory tab. If your app feels sluggish after a few hours of use, this episode will show you what to look for.

#JavaScript #Closures #MemoryLeaks #WebPerformance #React #Frontend #Backend #ChromeDevTools #WeakMap #GarbageCollection #EventHandlers #SinglePageApp #DevTools #PerformanceOptimization #WebDev #Technology #FexingoBusiness #BusinessPodcast

Keep every episode free: buymeacoffee.com/fexingo

Episode 80 of The Web Development Podcast digs into the Accept-Language header and why most web apps ignore it. Lucas explains how the browser tells every server what language the user prefers, yet many apps serve English by default, forcing users to manually switch. Luna asks why this is so common and whether frameworks make it hard. Lucas walks through how to check the header in your server logs, how to use it for initial content negotiation, and a real example from a multilingual e-commerce site that lost 15% conversion on non-English visitors. They also discuss respecting the user's language choice across sessions and common pitfalls like using cookies when the header is more reliable. A practical episode for any developer building for a global audience.

#AcceptLanguageHeader #ContentNegotiation #Internationalization #WebDevelopment #Localization #i18n #UserExperience #LanguagePreference #MultilingualWeb #Frontend #Backend #HTTPHeaders #WebDev #Technology #FexingoBusiness #BusinessPodcast #WebPerformance #GlobalAudience

Keep every episode free: buymeacoffee.com/fexingo

Episode 79 digs into a silent performance killer: duplicate dependencies in your Webpack bundle. Lucas explains how one stray lodash import can balloon bundle size by 200 KB, and walks through real-world examples from a production React app that accidentally included two versions of the same date library. Luna shares a horror story from a past project where duplicate Moment.js instances caused a 1.5-second delay on page load. Together, they cover how to catch duplicates with Webpack Bundle Analyzer and deduplicate via package.json resolutions and Yarn Berry's PnP mode. By the end, you'll know how to shrink your bundle without changing a line of business logic.

#Webpack #BundleOptimization #JavaScript #TreeShaking #Deduplication #WebPerformance #Frontend #React #NodeModules #YarnBerry #BundleAnalyzer #Lodash #MomentJS #TechPodcast #WebDevPodcast #FexingoBusiness #BusinessPodcast #Technology

Keep every episode free: buymeacoffee.com/fexingo