Uploaded February 2024 | Updated September 2026, 1 week ago

---

🔴 Patreon: patreon.com/joyofcode
𝕏 Twitter: twitter.com/joyofcodedev
💬 Discord: discord.com/invite/k6ZpwAKwwZ
🔥 Uses: https://www.joyofcode.xyz/uses

🔗 CSS Wrapped 2023: 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