Episode 115 of The Web Development Podcast dives into WebGPU, the browser API that gives JavaScript direct access to the GPU for general-purpose computing. Lucas and Luna explain how WebGPU differs from WebGL, why it is built for compute shaders, and how a flight-sim startup called AeroSim used it to run physics simulations client-side — slashing their server costs by 60 percent. The hosts walk through a concrete example: a fluid-dynamics demo that ran at 12 frames per second with WebGL and now hits 55 fps with WebGPU compute shaders. They also discuss browser support as of mid-2026, the implications for machine learning in the browser, and why WebGPU matters for everyday web apps. No fluff — just a focused look at one API that is changing what browsers can do.

#WebGPU #GPUCompute #ComputeShaders #BrowserAPI #WebGL #AeroSim #JavaScriptPerformance #WebDev #Graphics #MachineLearning #ONNX #WebAssembly #Chrome #Firefox #Safari #Technology #FexingoBusiness #BusinessPodcast

Keep every episode free: buymeacoffee.com/fexingo

In this episode, Lucas and Luna explore the modern Clipboard API, explaining how it finally lets web apps read and write text and images without relying on zero-width iframes or Flash-injected textareas. They walk through its browser support history — Safari was the last holdout until 2024 — and show a concrete example: building a 'copy share link' button that actually works on mobile. Along the way they discuss the permission model, the async clipboard methods, and why the old document.execCommand('copy') is now deprecated in most browsers. Practical, specific, and immediately useful for any web developer tired of paste-event hacks.

#ClipboardAPI #AsyncClipboard #WebDevelopment #JavaScript #BrowserAPIs #CopyPaste #WebStandards #PermissionsAPI #Frontend #UserExperience #MobileWeb #Safari #Chrome #Firefox #WebDevTools #Technology #FexingoBusiness #BusinessPodcast

Keep every episode free: buymeacoffee.com/fexingo

Episode 113 of The Web Development Podcast dives into the WebCodecs API, which lets browsers encode and decode video frames in pure JavaScript. Lucas explains how this API bypasses the old MediaRecorder's opaque pipeline, giving developers control over codecs, bitrate, and frame-level processing. He uses the example of a real-time video chat app that dropped latency from 500ms to under 100ms by using WebCodecs with WebRTC. Luna questions browser support and fallback strategies for Safari and older Chrome versions. The conversation also covers practical use cases like client-side video editing, game streaming, and compression before upload. By the end, listeners understand why WebCodecs is a game-changer for low-latency video on the web, and how to start experimenting with it today.

#WebCodecs #VideoEncoding #JavaScript #WebRTC #MediaRecorder #VideoProcessing #LowLatency #ClientSide #Chrome #Safari #Firefox #API #WebDevelopment #Technology #FexingoBusiness #BusinessPodcast #DeveloperTools #RealTimeVideo

Keep every episode free: buymeacoffee.com/fexingo

Episode 112 of The Web Development Podcast dives into the File System Access API, a browser feature that lets web apps read and write files directly on the user's device. Lucas and Luna walk through a concrete example: a text editor that opens a local file, edits it, and saves changes back to disk—no uploads, no downloads, no server round-trips. They discuss the security model behind the File Picker and the writable stream, compare it to the legacy FileReader API, and explain why this matters for progressive web apps and offline-first tools. Lucas shares a real-world case from a collaborative markdown editor that cut save time by 80 percent by using the File System Access API instead of manual uploads. The episode also covers the current browser support landscape (Chromium-based browsers only as of July 2026) and the performance considerations around large binary files. If you build web apps that handle user files, this episode shows you a simpler, faster pattern that's already shipping in modern browsers.

#FileSystemAccessAPI #WebDev #JavaScript #BrowserAPI #ProgressiveWebApps #OfflineFirst #FilePicker #WritableStream #FileReader #Chromium #Blink #TextEditor #Markdown #LocalFileAccess #WebDevelopment #Technology #FexingoBusiness #BusinessPodcast

Keep every episode free: buymeacoffee.com/fexingo

Lucas and Luna dive into the Screen Wake Lock API — a browser feature that prevents mobile devices from dimming or locking while your web app is active. They explore real-world use cases like recipe apps, QR-code scanners, and live dashboards, and explain how to request and release the wake lock responsibly. They also discuss battery impact, fallbacks for unsupported browsers, and a surprising gotcha: if the user switches tabs, the lock is released automatically. By the end of this episode, you'll know exactly when to use Wake Lock and when to let the phone sleep.

#ScreenWakeLockAPI #WebAPI #MobileWeb #ProgressiveWebApp #PWA #BatteryLife #UserExperience #JavaScriptAPI #WebDevelopment #Frontend #BrowserAPI #CodingTips #WebStandards #FexingoBusiness #TechnologyPodcast #WebDevPodcast #Fexingo #BusinessPodcast

Keep every episode free: buymeacoffee.com/fexingo

Episode 110 of The Web Development Podcast with Fexingo dives into the Compression Streams API — a browser-native way to compress data client-side before uploading. Lucas walks through a real-world example: a photo-sharing app that reduced upload times by 40% using Gzip compression in JavaScript. Luna pushes back on when it's worth the overhead versus server-side compression. They discuss browser support (Chrome and Firefox now, Safari and Edge behind), performance benchmarks from a 2025 case study, and why this API matters for users on slow networks. If you've ever fought with large file uploads, this episode gives you a concrete tool to test today.

#CompressionStreams #WebPerformance #ClientSideCompression #JavaScript #Gzip #UploadOptimization #BrowserAPI #Technology #FexingoBusiness #BusinessPodcast #WebDev #Frontend #Backend #ModernWebStack #LucasAndLuna #SlowNetwork #FileUpload #PerformanceBenchmark

Keep every episode free: buymeacoffee.com/fexingo

Episode 109 of The Web Development Podcast dives into CSS trigonometric functions — sin, cos, tan — which shipped in all major browsers in 2024. Lucas and Luna explore a concrete case: building a circular progress indicator without JavaScript, using CSS custom properties and trigonometry to calculate positions. They discuss why this matters for responsive design, how it simplifies animations, and why developers should start using it now. No hot takes, just practical code and real-world trade-offs.

#CSS #CSSMathFunctions #Trigonometry #WebDevelopment #Frontend #NoJavaScript #CircularProgress #CSSsin #CSScos #CSStan #CustomProperties #ResponsiveDesign #CSSAnimations #BrowserFeatures #Technology #WebDevPodcast #FexingoBusiness #BusinessPodcast

Keep every episode free: buymeacoffee.com/fexingo

Lucas and Luna dig into the hidden math behind Google Lighthouse — the scoring algorithm that assigns a 0–100 performance grade to your web app. They break down the five weighted metrics, reveal why a 92 can feel identical to an 88, and explain how the weighting model, last updated in May 2023, rewards some optimizations more than others. Using a concrete example — a React dashboard that lost 15 points after a view-transition animation — they show why a single high-weight metric like Cumulative Layout Shift can tank your score even when everything else is green. They also discuss how the same scoring model powers PageSpeed Insights and the Chrome DevTools Performance panel, and why chasing a perfect 100 may misalign with real user experience. No code walkthrough, just the conceptual model every developer should understand before they Lighthouse-optimize.

#Lighthouse #PerformanceScoring #WebPerformance #GoogleLighthouse #CoreWebVitals #CumulativeLayoutShift #LargestContentfulPaint #FirstInputDelay #InteractionToNextPaint #TimeToInteractive #SpeedIndex #PageSpeedInsights #ChromeDevTools #ReactDashboard #ViewTransitionAPI #WebVitalMetrics #FexingoBusiness #TechnologyPodcast

Keep every episode free: buymeacoffee.com/fexingo

Episode 107 of The Web Development Podcast with Fexingo dives into a subtle but critical CSS issue: how scroll snap interacts with overflow values. Lucas and Luna explore a real-world case where a seemingly minor detail — using 'overflow: clip' instead of 'overflow: hidden' — prevents scroll snap from working on WebKit browsers. They walk through the spec, the bug, and the fix, anchored to a specific example from a production dashboard that stumped an entire frontend team. Listeners learn one concrete debugging technique they can apply immediately, plus a deeper understanding of how overflow containment affects scrolling behavior. No fluff, just the kind of gotcha that makes you appreciate the browser's layout engine.

#CSSScrollSnap #OverflowClip #WebKitBug #FrontendDebugging #CSSContainment #ScrollBehavior #LayoutEngine #BrowserQuirks #CSSSpec #OverflowHidden #ScrollContainer #WebDev #Technology #FexingoBusiness #BusinessPodcast #WebDevelopment #CSS #Frontend

Keep every episode free: buymeacoffee.com/fexingo

Lucas and Luna dive into the CSS Anchor Positioning API, a new browser feature that lets developers attach tooltips, popovers, and menus to elements without JavaScript position calculations. Using a concrete example of a hovercard in a table layout, they walk through the `anchor()` function and `inset-area` property, compare it to current hacks involving ResizeObserver and getBoundingClientRect, and discuss browser support as of July 2026. The episode explains why this API simplifies responsive positioning across scroll, zoom, and dynamic content, and touches on practical gotchas like overflow behavior and composite layers. A must-listen for frontend developers tired of fighting CSS positioning with JS.

#CSS #AnchorPositioning #Frontend #WebDevelopment #CSSAnchorAPI #Tooltip #Popover #NoJS #BrowserAPIs #Chrome #Firefox #Safari #ResponsiveDesign #Layout #WebStandards #FexingoTech #TechPodcast #FexingoBusiness

Keep every episode free: buymeacoffee.com/fexingo