Natives CSS Nesting – Schluss mit Sass nur fürs Verschachteln 🪺
TL;DR: Natives CSS Nesting ist da – und es macht Sass für den häufigsten Anwendungsfall (Verschachteln von Selektoren) überflüssig. Alle modernen Browser unterstützen es. Zeit,
f
frontend
25 posts
CSS Scroll-Driven Animations – Animationen ohne JavaScript 🎬
TL;DR: CSS Scroll-Driven Animations ermöglichen es dir, Elemente basierend auf der Scroll-Position zu animieren – ganz ohne JavaScript. Mit animation-timeline: scroll() und animation-timeline: view() kannst
CSS Grid: Das fehlende Gegenstück zu Flexbox 🧩
TL;DR: CSS Grid ist das fehlende Puzzlestück zu Flexbox. Während Flexbox eindimensionale Layouts meistert, gibt dir Grid die volle Kontrolle über Zeilen UND Spalten
View Transitions API: Smooth Page Transitions ohne Framework ✨
TL;DR: Die View Transitions API bringt butterweiche Seitenuebergaenge direkt in den Browser - ganz ohne Framework, ganz ohne JavaScript-Bibliothek. Einfach CSS und ein paar
CSS :has() – Der Parent Selector, auf den alle gewartet haben 🎯
TL;DR: CSS :has() ist der lang ersehnte Parent Selector – du kannst jetzt endlich Eltern-Elemente basierend auf ihren Kindern stylen. Kein JavaScript mehr nötig, kein
htmx: Interaktive Webseiten ohne JavaScript-Frameworks 🔄
TL;DR: htmx macht deine Webseiten interaktiv — ganz ohne React, Angular oder Vue. Mit ein paar HTML-Attributen ersetzt du tonnenweise JavaScript und bekommst trotzdem dynamische