Modern CSS Features You Should Know About

🔴 Patreon:   / joyofcode  
𝕏 Twitter:   / joyofcodedev  
💬 Discord:   / discord  
🔥 Uses: https://www.joyofcode.xyz/uses

🔗 CSS Wrapped 2023: https://developer.chrome.com/blog/css...
🔗 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