Frontend Podcast Summaries
Frontend on Yedapo: 20 summarized podcast and YouTube episodes. Each includes key takeaways, core concepts and notable quotes with timestamps.
Adiós AI Slop: Así se Crean Diseños Profesionales con IA en VS Code
Fazt Code
Jun 19, 2026
La mayoría de las herramientas de IA generan código con interfaces mediocres y repetitivas. Comby se integra directamente en editores como VS Code y Cursor, permitiendo a los desarrolladores generar diseños frontend profesionales y editables mediante prompts, manteniendo el control total sobre la arquitectura del código y el stack tecnológico.
Key insight: Comby permite crear 'Context Graphs' que escanean tu proyecto actual para entender los colores, fuentes y espaciados, asegurando que cada nueva sección generada mantenga la consistencia de diseño del sitio sin necesidad de instrucciones adicionales.
¡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.
3 Vite Options You Should Turn On Right Now #coding #typescript
Program With Erik
May 29, 2026
Vite 8 introduces powerful `forward console` for AI agent debugging and native `TS config paths`, alongside enhancing existing tools like `server proxy`. These updates streamline development workflows, reduce common frustrations like CORS, and significantly boost efficiency for modern web frameworks.
Key insight: Vite 8 now natively supports `TS config paths` without needing a separate plugin, provided paths are correctly configured within `compilerOptions` and the feature is explicitly enabled.
MERN Stack Разработка / #8 - Удаление записей из проекта
Гоша Дударь
May 20, 2026
Удаление данных в веб-приложении требует синхронизации сервера с состоянием клиента. Автор демонстрирует использование асинхронного метода DELETE к API с последующим обновлением React Context через функцию filter, что обеспечивает мгновенное обновление интерфейса без перезагрузки страницы.
Key insight: Использование метода filter при работе с React Context позволяет локально исключить удаляемую запись из общего состояния сразу после успешного ответа от сервера, обеспечивая реактивность UI.
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 allows developers to break free from traditional rounded corners. By utilizing values like scoop, notch, and bevel, or the highly customizable super-ellipse function, you can achieve sophisticated geometric shapes that were previously impossible without complex workarounds or external assets.
Key insight: You can animate between different corner shapes, allowing for dynamic design transitions that move beyond simple radius changes.
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 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
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 standard rounded borders, offering surgical control over element geometry. By leveraging shapes like scoops, notches, and bevels, developers can move beyond simplistic design patterns to create complex, super-elliptical UI components that are fully animatable.
Key insight: The super-ellipse function allows for granular control over border geometry using numerical values, where specific inputs like 0 create a perfect 45-degree angle, and negative values invert the curvature into a scoop.
New CSS corner-shape Property Is Amazing
Web Dev Simplified
Apr 30, 2026
The new CSS corner-shape property revolutionizes UI design by allowing developers to move beyond standard rounded corners. By utilizing specific keywords or the super-ellipse function, you can achieve complex geometries like scoops, notches, and bevels, significantly enhancing the visual depth of web components.
Key insight: The super-ellipse function allows for granular control over corner geometry, letting you animate between an inverse scoop and a sharp square with a single numeric 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 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.
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.
פרק 158: המטוטלת של גיל תייר - הפרונטאנד חוזר לבקאנד
מפתחים מחוץ לקופסה
Apr 4, 2026
הפרק בוחן את השיבה לארכיטקטורות מבוססות שרת (Server-side rendering) כאלטרנטיבה למורכבות המוגזמת של פריימוורקים מודרניים בקליינט. גיל תייר מדגים כיצד פשטות, HTML וגישה מבוססת שרתים יכולים להחליף מנגנוני ניהול סטייט מסורבלים ולשפר משמעותית את ביצועי הפיתוח.
Key insight: השימוש ב-View Transitions המובנים בדפדפן מאפשר להשיג אנימציות מעבר חלקות בין דפים בעזרת 3 שורות CSS בלבד, ללא צורך בספריות צד-לקוח כבדות.
React do Zero: A Aula que Vai te Tornar um Dev Front End | #Live118
DevClub | Programação
Feb 17, 2026
Este workshop prático revela como o React transforma o desenvolvimento de interfaces complexas através da componentização. Aprenda a gerenciar estados, manipular dados via JSX e dominar a arquitetura moderna de aplicações de página única (SPA).
Key insight: O React utiliza um 'Virtual DOM' para realizar atualizações de interface apenas onde necessário, garantindo alta performance ao evitar o recarregamento desnecessário de toda a página.
69 Django Ручная настройка полей и стилей формы
egoroff_channel
Jan 17, 2026
Вместо стандартного вывода форм в Django, разработчики могут вручную контролировать порядок отображения меток, полей и ошибок с помощью HTML-шаблонов. Оптимизация верстки достигается через циклы for и интеграцию CSS-классов, что позволяет гибко менять оформление при возникновении ошибок валидации.
Key insight: Использование конструкции `{% if field.errors %} class="errors" {% endif %}` позволяет динамически добавлять CSS-классы к полям формы только в случае ошибки, обеспечивая наглядную визуальную обратную связь для пользователя.
