Épisodes

  • How the Web Locks API Prevents Double-Spend in Browser Apps

    How the Web Locks API Prevents Double-Spend in Browser Apps
    Aug 19 2026
    In episode 160 of The Web Development Podcast, Lucas and Luna explore the Web Locks API, a browser feature that lets web apps coordinate access to shared resources. They explain how it works, why it matters for everything from offline-first apps to real-time collaboration, and walk through a practical example: preventing double-spend in a client-side budget tracker. They also touch on the API's surprising history, its pitfalls, and how it fits into the broader evolution of the web platform. If you've ever written a race condition in JavaScript or wondered how to safely manage state across tabs, this episode gives you a concrete tool to add to your belt. #WebLocksAPI #BrowserAPIs #WebDevelopment #JavaScript #Concurrency #RaceConditions #OfflineFirst #WebWorkers #SharedWorker #IndexedDB #RealTimeCollaboration #TechPodcast #FexingoBusiness #BusinessPodcast #WebPlatform #BrowserFeatures #SoftwareEngineering #FrontendDevelopment Keep every episode free: buymeacoffee.com/fexingo
    Afficher plus Afficher moins
    11 min
  • How The Web Share API Expands Browser Sharing

    How The Web Share API Expands Browser Sharing
    Aug 18 2026
    In episode 159 of The Web Development Podcast, Lucas and Luna dive into the Web Share API, exploring how it lets web apps trigger native share sheets across devices. They walk through a concrete example of integrating the API with the File System Access API to share files, discuss browser support nuances including Safari and Chrome on Android, and explain how to handle fallbacks for desktop browsers. The episode also covers the relationship between the Web Share API and the Web Share Target API, and why this pair is essential for progressive web apps. If you've ever wondered why your web app's share button feels clunky, this episode shows you how to make it feel native with just a few lines of code. #WebShareAPI #NativeShare #WebDevelopment #ProgressiveWebApps #FileSystemAccess #JavaScript #BrowserAPIs #MobileWeb #Safari #ChromeAndroid #PWA #Technology #FexingoBusiness #BusinessPodcast #WebDevPodcast #Coding #Frontend #WebStandards Keep every episode free: buymeacoffee.com/fexingo
    Afficher plus Afficher moins
    9 min
  • How CSS Anchor Positioning Replaces JavaScript Popovers

    How CSS Anchor Positioning Replaces JavaScript Popovers
    Aug 17 2026
    In Episode 158 of The Web Development Podcast, Lucas and Luna dive into the CSS Anchor Positioning API, a game-changer for UI development. They explore how this native CSS feature lets you position elements relative to other elements without JavaScript, using a simple anchor-name and position-area approach. The episode demos a tooltip and a popover, discussing browser support (as of August 2026, it's in Chrome and Edge, with Firefox and Safari on the horizon), the shift from JavaScript-based positioning to CSS, and the practical implications for performance, accessibility, and code maintainability. They also touch on the fallback position-area property and how it can rescue layout in tricky scenarios. Perfect for frontend developers tired of writing position calculations and resize observers, this episode is a must-listen for anyone wanting to simplify their web stack. #CSSAnchorPositioning #WebDevelopment #Frontend #CSS #JavaScript #UIUX #PopoverAPI #Tooltip #BrowserSupport #Chrome #Edge #Firefox #Safari #WebDesign #Performance #Accessibility #FexingoBusiness #BusinessPodcast Keep every episode free: buymeacoffee.com/fexingo
    Afficher plus Afficher moins
    11 min
  • How the Web Animations API Replaces JavaScript Animations

    How the Web Animations API Replaces JavaScript Animations
    Aug 16 2026
    In this episode of The Web Development Podcast, Lucas and Luna explore the Web Animations API (WAAPI) and how it's changing the way developers approach animations on the web. They break down a real-world example: animating a shopping cart icon with a bounce effect using just a few lines of JavaScript. The discussion covers key features like the animate() method, playback controls, and compositing with CSS, plus practical tips on when to use WAAPI versus CSS transitions. They also touch on performance benefits and browser support, making a case for why modern web developers should add this tool to their toolkit. If you've ever struggled with janky JavaScript animations or wondered how to orchestrate complex sequences without a library, this episode offers a clear, hands-on guide. #WebAnimationsAPI #WAAPI #JavaScriptAnimations #CSSAnimations #WebDevelopment #Frontend #AnimationPerformance #BrowserAPIs #ShoppingCartAnimation #BounceEffect #PlaybackControl #JavaScript #CSS #WebPerformance #ModernWebStack #Technology #FexingoBusiness #BusinessPodcast Keep every episode free: buymeacoffee.com/fexingo
    Afficher plus Afficher moins
    10 min
  • How Native CSS Masonry Layout Finally Reached Browsers

    How Native CSS Masonry Layout Finally Reached Browsers
    Aug 15 2026
    In this episode, we explore the long-awaited arrival of native CSS masonry layout, a feature that promises to simplify the way developers build Pinterest-style grids. We break down how the new CSS Grid-based approach works, compare it to JavaScript libraries like Masonry.js, and discuss real-world performance implications. We also cover browser support as of August 2026, including Safari's early adoption, and what it means for your next project. Tune in to learn how to start experimenting with this powerful new capability today. #CSSMasonry #WebDevelopment #Frontend #CSSGrid #BrowserSupport #JavaScript #MasonryLayout #WebDesign #CSS #Performance #Safari #Chrome #Firefox #TechTrends #Coding #DeveloperTools #FexingoBusiness #BusinessPodcast Keep every episode free: buymeacoffee.com/fexingo
    Afficher plus Afficher moins
    11 min
  • How CSS Scroll Snap Improves User Experience

    How CSS Scroll Snap Improves User Experience
    Aug 14 2026
    In episode 155 of The Web Development Podcast, Lucas and Luna explore the CSS Scroll Snap API, a feature that transforms scroll-based interactions into smooth, guided experiences. They break down how scroll-snap-type and scroll-snap-align work, discuss alignment and stopping strategies, and compare it to JavaScript-based alternatives like GSAP's ScrollTrigger. The episode digs into real-world use cases—from image carousels to full-screen section navigation—and offers practical tips for accessibility and performance. By the end, you'll understand why native scroll snap is becoming a staple in modern web design and how to implement it without the overhead of external libraries. Tune in for a focused, code-forward conversation that will change how you think about scrolling. #CSSScrollSnap #WebDevelopment #Frontend #CSS #JavaScript #UX #Accessibility #WebPerformance #ScrollInteractions #ModernWeb #NoJQuery #CSSSnap #ScrollExperience #WebDesign #TechPodcast #FexingoBusiness #BusinessPodcast #WebDevPodcast Keep every episode free: buymeacoffee.com/fexingo
    Afficher plus Afficher moins
    12 min
  • How CSS Scroll-Driven Animations Replace JavaScript Scroll Effects

    How CSS Scroll-Driven Animations Replace JavaScript Scroll Effects
    Aug 13 2026
    In this episode of The Web Development Podcast, Lucas and Luna dive into CSS scroll-driven animations, a native CSS feature that lets developers create scroll-linked effects without JavaScript. They explore the core concepts—scroll progress timelines, view timelines, and animation ranges—and walk through practical examples like parallax scrolling, progress bars, and reveal-on-scroll. The conversation covers browser support as of August 2026, performance considerations, and how this shifts the balance between CSS and JavaScript in modern web development. Tune in to understand why scroll-driven animations are a game-changer for frontend performance and user experience. #CSSScrollDrivenAnimations #WebPerformance #FrontendDevelopment #CSS #JavaScript #Parallax #ScrollProgress #ViewTimeline #AnimationTimeline #NoJS #WebDev #BrowserSupport #Chrome #Firefox #Safari #Technology #FexingoBusiness #BusinessPodcast Keep every episode free: buymeacoffee.com/fexingo
    Afficher plus Afficher moins
    9 min
  • How CSS Nesting Streamlines Modern Stylesheets

    How CSS Nesting Streamlines Modern Stylesheets
    Aug 12 2026
    In this episode, Lucas and Luna explore how CSS nesting, now supported across all major browsers since late 2023, is changing the way developers write and maintain stylesheets. They trace its evolution from preprocessors like Sass to native browser support, explain the key syntax rules (including the & nesting selector and @nest for complex selectors), and share practical examples of how nesting reduces repetition and improves readability without sacrificing performance. They also discuss common pitfalls, like over-nesting and specificity traps, and offer guidelines for when to use nesting versus keeping your CSS flat. The episode also touches on how nesting works with other modern CSS features like custom properties and cascade layers, and what it means for the future of CSS architecture. The hosts bring in real-world examples from popular frameworks and show how nesting can lead to cleaner, more maintainable codebases. Tune in to understand why CSS nesting is not just a convenience but a fundamental shift in how we approach styling on the web. #CSSNesting #WebDevelopment #CascadingStyleSheets #Sass #Preprocessors #ModernCSS #FrontendDevelopment #CSSSelectors #StyleSheets #WebDesign #Technology #FexingoBusiness #BusinessPodcast #WebDevPodcast #Frontend #Backend #DeveloperTools #CSSArchitecture Keep every episode free: buymeacoffee.com/fexingo
    Afficher plus Afficher moins
    11 min