25 new & rad feature of CSS

A fast paced, animated, and jam packed tik-talk on CSS features from the past ~5 years. CSS has moved so fast, don’t feel bad you aren’t all caught up, no one is. This talk will teach you as many things as possible while providing good examples of practical use cases. Syntax, typography, color, architecture, and more.

00:00 - Introduction & Overview 01:20 - Page & View Transitions 03:04 - Range Syntax & Media Queries 03:51 - Container Queries & Units 06:04 - Cascade Layers 07:53 - Field Sizing with CSS 09:30 - Color Scheme: Light & Dark Modes 11:47 - Accent Color & Input Styling 12:34 - Type-Safe CSS Variables (app property) 15:14 - Scroll-Driven Animations 16:41 - View Animations & Intersection Observer Alternatives 18:21 - Advanced Easing with linear() 18:57 - Native Search Element 19:27 - Improved Form Validation 20:38 - Exclusive Accordions & Animating Height 21:34 - Math Functions in CSS 22:28 - Text Wrap: balance & pretty 24:47 - Color Mix & Color Spaces 25:51 - Relative Color & Dynamic Palettes 28:01 - Custom Scrollbar Styling 28:13 - Starting Style & Animating Entrances 28:37 - Dialogs, Popovers & Anchor Positioning 29:29 - Textbox Trim & Button Alignment 29:52 - Conclusion & Takeaways