CSS Podcast Summaries
CSS on Yedapo: 43 summarized podcast and YouTube episodes. Each includes key takeaways, core concepts and notable quotes with timestamps.
¡Se confirma lo mejor para CSS!
midudev
Jun 17, 2026
El equipo de WebKit introduce 'Grid Lanes', una nueva propiedad de CSS que permite crear layouts tipo 'masonry' de forma nativa sin bibliotecas externas. Esta funcionalidad, ya disponible en Safari, promete revolucionar el diseño web al gestionar automáticamente el flujo y orden de elementos con distintos tamaños, superando los hacks tradicionales y facilitando una experiencia de lectura fluida.
Key insight: Por primera vez en mucho tiempo, Safari se adelanta a Chrome y Firefox implementando esta tecnología nativa, permitiendo personalizar elementos complejos como los 'select' de HTML directamente con CSS sin necesidad de hacks de JavaScript.
Apprendre le CSS : Gérer le thème foncé / clair
Grafikart.fr
May 11, 2026
L'implémentation du mode sombre ne nécessite plus de lourdes configurations. En utilisant la fonction CSS light-dark et la propriété color-scheme, les développeurs peuvent adapter dynamiquement l'interface aux préférences système de l'utilisateur tout en permettant des forçages locaux via des classes CSS simples.
Key insight: La fonction CSS light-dark permet de définir deux couleurs directement dans une variable, le navigateur basculant automatiquement entre elles selon le thème système sans nécessiter de Media Queries complexes.
New CSS corner-shape Property Is Amazing
Web Dev Simplified
Apr 30, 2026
The new CSS corner-shape property transforms UI design by allowing non-standard corner geometries. By moving beyond traditional border-radius, developers can implement scoops, notches, and bevels, creating unique visual aesthetics that are fully animatable and customizable.
Key insight: You can use the 'super-ellipse' function within the corner-shape property to dynamically transition between geometric styles, such as moving from a scooped notch to a flat square corner.
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 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
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 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 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
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 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 transforms UI design by moving beyond standard rounded corners. It allows developers to implement complex geometries like scoops, notches, and bevels, providing finer control over element aesthetics and enabling seamless animations between distinct shapes.
Key insight: The 'super-ellipse' function allows for precise mathematical control over corner geometry, with values like -1 creating inverse scoops and 0 creating perfect 45-degree bevels.
New CSS corner-shape Property Is Amazing
Web Dev Simplified
Apr 30, 2026
The new CSS corner-shape property enables designers to move beyond standard rounded corners with advanced geometries. By utilizing shapes like scoops, notches, and bevels, or leveraging the super-ellipse function for granular control, developers can create complex UI elements that were previously impossible without heavy assets.
Key insight: You can now mathematically define your border corners using the super-ellipse function, allowing for precise transitions between a standard round, a scooped inverse radius, and a perfect 45-degree angle.
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
Modern CSS now allows for complex border radius manipulation beyond simple rounding. By leveraging the new corner-shape property, developers can create professional notches, scoops, and bevels, moving design systems toward high-fidelity geometry without needing complex clip-paths or SVGs.
Key insight: The super-ellipse function allows for granular control of corner curvature, where values allow you to interpolate between perfectly square, bevelled, and scooped corner geometries dynamically.
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
Modern CSS is moving beyond basic rounded corners. The new corner-shape property allows developers to define intricate border geometries like scoops, notches, and squircles, providing unprecedented control over UI aesthetics.
Key insight: You can use the super-ellipse function to fluidly animate between shapes by passing specific numerical values to transition from a scoop to a square.
New CSS corner-shape Property Is Amazing
Web Dev Simplified
Apr 30, 2026
Modern CSS introduces the 'corner-shape' property, moving beyond standard rounded corners to offer diverse geometric designs like scoops, notches, and squiggles. This feature allows developers to manipulate border geometry dynamically, enabling sophisticated UI components that were previously impossible without complex workarounds.
Key insight: The 'super-ellipse' function allows for precise mathematical control over corner geometry, enabling everything from perfect 45-degree bevels to deep, inward-curving notches.
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 eliminates the need for complex SVG hacks by introducing native styling for non-standard borders. Developers can now instantly deploy scooped, notched, beveled, and squircle corners using simple keywords or mathematical functions.
Key insight: Passing a value of exactly zero into the super-ellipse() function generates a perfect 45-degree angled corner natively in CSS.
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 limitations, allowing for complex geometric shapes like scoops, notches, and bevels. This shift enables developers to create sophisticated, non-rectangular UI elements natively without relying on heavy masking techniques or complex SVG workarounds.
Key insight: Using the super-ellipse function with a value of zero creates a perfect 45-degree angle, demonstrating how CSS can now handle complex geometric manipulation with a single line of code.
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.
The world still needs people who care - CodePen founder Chris Coyier interview [Podcast #212]
freeCodeCamp.org
Mar 20, 2026
Chris Coyier argues that true expertise remains a powerful defensive moat against AI disruption. While LLMs can generate generic code, they fail to deliver the nuance and unique architectural decisions required for high-quality software. The future of front-end development is about mastering fundamental concepts that allow developers to wield AI tools with precision rather than becoming dependent on them.
Key insight: LLM-generated design patterns are becoming so recognizable that they risk creating a 'gray puree' of web mediocrity that users actively avoid, making human-authored, unique design more valuable.
69 Django Ручная настройка полей и стилей формы
egoroff_channel
Jan 17, 2026
Вместо стандартного вывода форм в Django, разработчики могут вручную контролировать порядок отображения меток, полей и ошибок с помощью HTML-шаблонов. Оптимизация верстки достигается через циклы for и интеграцию CSS-классов, что позволяет гибко менять оформление при возникновении ошибок валидации.
Key insight: Использование конструкции `{% if field.errors %} class="errors" {% endif %}` позволяет динамически добавлять CSS-классы к полям формы только в случае ошибки, обеспечивая наглядную визуальную обратную связь для пользователя.
