UI Design Podcast Summaries
UI Design on Yedapo: 38 summarized podcast and YouTube episodes. Each includes key takeaways, core concepts and notable quotes with timestamps.
GPT-5.5 vs Opus 4.8: The Real Winner Was /goal Mode
Matt Maher
Jul 5, 2026
Two prominent AI coding assistants, Codex and Claude, were pitted against each other to build a complex radial macOS launcher. The experiment revealed that using goal-oriented prompting consistently yielded superior, more professional results than standard direct instructions, despite varying impacts on token consumption and build time.
Key insight: Using 'Goal' mode instead of direct instruction produced measurably better software, with Claude's goal-based build proving to be the most polished, even though it was the most time-intensive process.
Top 5 Android 17 Features: I Swear It's New!
Marques Brownlee
Jun 24, 2026
Android 17 prioritizes refined quality-of-life updates over sweeping architectural changes. By restoring long-requested features like independent Wi-Fi toggles and offering greater UI customization, Google shifts its focus toward user-centric optimization and polish, signaling a departure from the experimental interface shifts of recent years.
Key insight: Google has officially separated the Wi-Fi and mobile data toggles in the quick settings menu, reversing a controversial design choice that previously forced users to click twice to manage their connections.
Layout is harder than you think..
ThePrimeagen
Jun 24, 2026
Moving from the complex, state-heavy DOM retained model to a clean, declarative immediate-mode UI, the developer demonstrates how to handle layout math and mouse interaction in a single, frame-by-frame pass. This architecture eliminates state management headaches and simplifies animation.
Key insight: Immediate-mode UI allows you to handle complex mouse interactions like dragging and hovering in a single frame without any persistent state management, making it significantly cleaner than traditional DOM-based retained systems.
Why long prompts are a waste of time (and what to do instead)
JavaScript Mastery
Jun 23, 2026
Modern AI agents can now translate visual design files into functional, production-ready code with nearly 100% accuracy. By leveraging pre-defined context files and project architecture, developers can eliminate iterative back-and-forth cycles.
Key insight: The AI achieved a 99% match of the provided design on the very first attempt without requiring manual corrections or design system re-explanations.
Claude Code + Higgsfield: Animated Websites Are Here
Leon van Zyl
Jun 2, 2026
Learn how to integrate Claude Code with Higgsfield AI to automate the creation, animation, and web deployment of custom UI avatars. This workflow turns static landing pages into engaging experiences using CLI-based agentic tools and iterative prompting.
Key insight: For perfectly looping AI animations, instruct the model to use the exact same image file for both the start and end frames of the video generation.
Claude Design Is the AI Tool I’ve Been Waiting For
Skill Leap AI
Apr 30, 2026
Claude Design transforms text prompts into professional, high-fidelity prototypes and slide decks. By leveraging integrated design systems, you can ensure consistency with your own brand guidelines and hand off polished assets directly to Claude Code to build functional, production-ready applications.
Key insight: You can export a finished prototype from Claude Design directly to Claude Code, effectively bridging the gap between high-level creative UI and functional, database-driven web development.
New CSS corner-shape Property Is Amazing
Web Dev Simplified
Apr 30, 2026
CSS has introduced a powerful new corner-shape property that transcends traditional border-radius limitations. By moving beyond simple rounding, developers can now implement scooped, notched, and beveled corners with mathematical precision using the super-ellipse function.
Key insight: You can animate and mathematically customize corner shapes using the super-ellipse function, where specific values like 0 create a perfect 45-degree angle and negative values create inverse scooping effects.
New CSS corner-shape Property Is Amazing
Web Dev Simplified
Apr 30, 2026
The new CSS corner-shape property transcends standard border-radius, allowing developers to create complex geometries like scoops, notches, and beveled edges. This evolution enables more nuanced UI design by providing mathematical control over element corners.
Key insight: Using the super-ellipse function with a value of zero creates a perfect 45-degree angled corner, while negative values enable concave scoop effects.
New CSS corner-shape Property Is Amazing
Web Dev Simplified
Apr 30, 2026
The new CSS corner-shape property transcends traditional rounded borders by offering geometric flexibility. Developers can now implement complex shapes like notches, scoops, and bevels natively, significantly reducing the reliance on clip-paths and complex SVG hacks for advanced UI design.
Key insight: The super-ellipse function allows for precise mathematical control over corner curvature, enabling designers to interpolate between scooped, rounded, and square shapes seamlessly.
New CSS corner-shape Property Is Amazing
Web Dev Simplified
Apr 30, 2026
The new CSS corner-shape property transcends standard rounded borders, offering advanced geometric controls like scoops, notches, and bevels. Developers can now manipulate border geometry through precise mathematical inputs, enabling dynamic, animated, and highly customizable UI designs that were previously impossible with traditional CSS.
Key insight: You can use the super-ellipse function to mathematically control the curvature of a border, moving from a standard round corner to a scooped inverse radius simply by adjusting a single numerical value.
New CSS corner-shape Property Is Amazing
Web Dev Simplified
Apr 30, 2026
CSS is evolving beyond simple rounded corners with the new corner-shape property. Developers can now implement complex geometries like scoops, notches, and bevels, moving away from static border-radius limitations toward fluid, customizable UI elements.
Key insight: The 'super-ellipse' function allows developers to mathematically define corner curvature, enabling transitions from standard rounded corners to inverse scoops or squared-off notches using single numeric values.
New CSS corner-shape Property Is Amazing
Web Dev Simplified
Apr 30, 2026
CSS is moving beyond simple rounded corners with the new corner-shape property. You can now define complex geometries like notches, scoops, and bevels, or use the super ellipse function to fine-tune exact border curves.
Key insight: You can animate between complex border shapes like notches and bevels using the CSS corner-shape property, moving far beyond the standard border-radius.
New CSS corner-shape Property Is Amazing
Web Dev Simplified
Apr 30, 2026
The modern CSS corner-shape property transcends traditional rounded borders by offering geometric flexibility through values like scoop, notch, and bevel. Developers can now implement complex, non-standard corner geometries using the super-ellipse function, enabling dynamic and animatable UI shapes that were previously impossible without complex workarounds.
Key insight: The super-ellipse function allows for precise mathematical control over corner curvature, where a value of zero creates a perfect 45-degree angle.
New CSS corner-shape Property Is Amazing
Web Dev Simplified
Apr 30, 2026
CSS is evolving beyond standard rounded corners with a powerful new property that allows for complex geometry. By using functions like scoop, notch, and super-ellipse, developers can manipulate container shapes to create sophisticated visual effects that were previously impossible without complex workarounds.
Key insight: The super-ellipse function allows you to mathematically tune corner shapes along a spectrum from a deep scoop to a perfect 45-degree bevel, all with a single value.
New CSS corner-shape Property Is Amazing
Web Dev Simplified
Apr 30, 2026
CSS is moving beyond simple rounded corners with the new corner-shape property. You can now create notches, bevels, and custom super-ellipses with minimal code, allowing for highly complex, geometric interface designs that were previously impossible without complex clip-path work.
Key insight: Using the super-ellipse function with specific values allows for precise mathematical control over corner curvature, ranging from inward scoops to perfectly sharp 45-degree bevels.
New CSS corner-shape Property Is Amazing
Web Dev Simplified
Apr 30, 2026
CSS border-radius is evolving beyond simple rounding. By utilizing the new corner-shape property and the super-ellipse function, developers can now achieve complex geometric designs like scoops, notches, and bevels, all of which are fully animatable.
Key insight: The super-ellipse function allows for granular control over corner geometry by passing values: -1 creates an inverse scoop, while higher positive numbers move toward a squared-off aesthetic.
New CSS corner-shape Property Is Amazing
Web Dev Simplified
Apr 30, 2026
The CSS 'corner-shape' property transforms UI design by allowing developers to move beyond standard rounded corners. By utilizing new keyword values and the 'super-ellipse' function, you can achieve inverse radii, notches, and bevels, enabling highly sophisticated and animatable geometric interface elements.
Key insight: Using the 'super-ellipse' function with variable values allows for precise, dynamic control over corner geometry, ranging from deep scoops to perfect 45-degree bevels.
New CSS corner-shape Property Is Amazing
Web Dev Simplified
Apr 30, 2026
The new CSS corner-shape property transcends standard border-radius, offering developers native control over corner geometry. By utilizing values like scoop, notch, and super-ellipse, you can achieve complex, dynamic shapes that were previously impossible without complex workarounds.
Key insight: The super-ellipse function allows for precise geometric control, where a value of zero creates a perfect 45-degree angle.
New CSS corner-shape Property Is Amazing
Web Dev Simplified
Apr 30, 2026
Web design is breaking free from basic rounded corners. The new CSS corner shape property allows developers to implement scoops, notches, bevels, and squircles, offering granular control over UI geometry that was previously impossible without complex workarounds. By manipulating super-ellipse values, you can now animate sophisticated, non-standard shapes directly in the browser.
Key insight: By adjusting the super-ellipse function value, you can animate a corner shape from a perfectly scooped notch at -1 to a crisp 45-degree bevel at 0, and eventually to a square.
New CSS corner-shape Property Is Amazing
Web Dev Simplified
Apr 30, 2026
The new CSS corner-shape property allows developers to move beyond standard rounded borders. By implementing shapes like scoops, notches, and bevels, you gain fine-grained control over UI element geometry that was previously only possible with complex hacks or SVGs.
Key insight: You can use the super-ellipse function within CSS to dynamically animate between complex shapes like notches and bevels, offering a level of design flexibility never before possible with native border-radius.
New CSS corner-shape Property Is Amazing
Web Dev Simplified
Apr 30, 2026
The new CSS corner-shape property marks a significant evolution in web design, moving beyond simple rounded corners. By utilizing various shapes like scoops, notches, and super ellipses, developers can achieve complex, geometric border styles that were previously impossible without heavy SVG or clip-path work.
Key insight: The super-ellipse function allows you to mathematically tune corner curvature from negative values for scooped-in effects to high positive values for nearly square results, all within a single CSS property.
New CSS corner-shape Property Is Amazing
Web Dev Simplified
Apr 30, 2026
CSS is evolving past simple rounded corners with the new corner-shape property. Developers can now implement complex geometries like scoops, notches, and bevels, or leverage the super-ellipse function to create highly customizable, animatable corner transitions that redefine standard UI design.
Key insight: By utilizing the super-ellipse function, you can dynamically morph border shapes between negative values that create 'scooped' corners and higher positive values that approach perfectly square geometries.
New CSS corner-shape Property Is Amazing
Web Dev Simplified
Apr 30, 2026
The corner-shape CSS property allows developers to move beyond basic rounded corners with predefined shapes like scoop, notch, and bevel. By utilizing the super-ellipse function, you can create infinitely customizable, animatable border geometries that define modern UI design trends.
Key insight: You can use the super-ellipse function with specific numeric values to fluidly animate border shapes from a perfect round all the way to a sharp 45-degree bevel or a squared-off notch.
New CSS corner-shape Property Is Amazing
Web Dev Simplified
Apr 30, 2026
The new CSS corner-shape property allows developers to break free from standard border-radius constraints. By utilizing shapes like scoop, notch, and bevel, or defining custom super-ellipses, you can create intricate UI geometries that were previously impossible without complex workarounds or extra DOM elements.
Key insight: The corner-shape property can be animated, allowing for dynamic transitions between complex geometries like scooped, notched, and beveled corners.
New CSS corner-shape Property Is Amazing
Web Dev Simplified
Apr 30, 2026
The new CSS corner-shape property transcends traditional border-radius by allowing developers to define complex geometries like notches, scoops, and bevels. This feature enables dynamic, non-standard UI shapes that are easily animatable and customizable via the super-ellipse function.
Key insight: You can use the super-ellipse function with specific values to mathematically transition between a perfectly scooped inverse radius and a sharp square corner.
New CSS corner-shape Property Is Amazing
Web Dev Simplified
Apr 30, 2026
The CSS corner-shape property transcends standard border-radius by introducing dynamic geometries like scoops, notches, and squirls. By manipulating the super-ellipse function, developers can achieve precise, mathematically driven corner transitions that were previously impossible to animate or scale effectively in web design.
Key insight: Using the super-ellipse function with a value of zero creates a perfect 45-degree bevel, while negative values enable inverse 'scoop' effects that can be dynamically animated.
Designing with Claude Code
Steve Schoger
Mar 22, 2026
Generic AI outputs often feel "muddy" and uninspired. Designer Steve Schoger reveals how to transform Claude Code from a basic generator into a high-fidelity tool by applying elite design principles to layout, typography, and spacing. He demonstrates that the secret to professional interfaces lies in the subtle refinements AI usually misses.
Key insight: To avoid "muddy" UI, replace solid gray borders with a 950-weight gray at 10% opacity; this creates a crisp, professional bleed between elements and shadows that generic AI prompts fail to produce.
Top 5 Android 16 Features: Big Visuals!
Marques Brownlee
May 26, 2025
Android 16 shifts focus from major functionality to a highly refined, physics-based user experience. The update introduces a 'Material 3 Expressive' design language, prioritizing tactile, responsive interfaces and deeper customization for lock screens and settings.
Key insight: The new Quick Settings panel now features a dual-action logic where tapping the main button opens a menu, while tapping a specific icon acts as a quick-toggle—a small detail that significantly improves daily efficiency.
Kelas Coding Pemula #Kelas 8
BELAJAR CODING OTODIDAK
May 24, 2025
Video ini menunjukkan cara praktis mengimplementasikan tabel data siswa yang responsif dengan memisahkan struktur kode menggunakan template. Fokus utama adalah integrasi Bootstrap 5 dan penataan antarmuka agar navigasi serta pengelolaan data siswa terlihat profesional.
Key insight: Teknik memisahkan file (header, sidebar, navbar, footer) bukan hanya untuk kerapian, tapi esensial untuk menjaga konsistensi desain di seluruh halaman aplikasi web.
Let's Talk About Panels
Marques Brownlee
Oct 11, 2024
After a disastrous launch for his new wallpaper app, Panels, the creator addresses intense public backlash over pricing, privacy, and perceived lack of transparency. This briefing outlines the strategic pivots being made to rectify the user experience and restore trust.
Key insight: The creator admits to over-checking privacy permission boxes during development, creating an inaccurate and alarming disclosure list in the App Store that did not represent the app's actual data collection practices.
