Modern CSS Features You Should Know About

🔴 Patreon: https://www.patreon.com/joyofcode 𝕏 Twitter: https://twitter.com/joyofcodedev 💬 Discord: https://discord.com/invite/k6ZpwAKwwZ 🔥 Uses: https://www.joyofcode.xyz/uses 🔗 CSS Wrapped 2023: https://developer.chrome.com/blog/css-wrapped-2023 🔗 Learn CSS: https://web.dev/learn/css 🔗 HD Gradients: https://gradient.style/ 🔖 Timestamps 0:00 Intro 0:53 Architectural Foundations 1:09 Trigonometric Functions 1:50 Complex Selections 2:49 Scope 4:05 Nesting 5:00 Subgrid 6:24 Typography 6:39 Initial Letter 6:45 Text Balance 8:28 Colors 8:45 Color Spaces 10:28 Color Mixing 11:14 Relative Colors 14:04 Responsive CSS 14:11 Container Queries 16:09 Style Container Queries 17:06 :has() Selector 18:52 New Media Queries 19:20 Interaction 19:40 View Transitions 21:56 Linear-Easing Function 22:35 Scroll-Driven Animations 24:01 Discrete Property Animations 24:07 @starting-style 24:27 Overlay 25:37 Primitives For Common UI Patterns 25:47 Popover API 26:10 Horizontal Rules In Select 26:18 Easier Form Validation 26:32 Exclusive Accordion 27:08 Learn CSS 27:33 Outro #joyofcode #css