Uploaded March 2025 | Updated September 2026, 1 week ago

---

CSS Simplified Course: courses.webdevsimplified.com/css-simplified/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-VA975GOUFmM

In this video I will show you my 20 favorite new CSS features that you should be using in 2025 and beyond.

📚 Materials/References:

CSS Simplified Course: courses.webdevsimplified.com/css-simplified/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-VA975GOUFmM

Videos:
@layer: youtu.be/Pr1PezCc4FU
text-wrap: youtube.com/shorts/fkQQhw_ZrIw
Nesting: youtu.be/SVScyx4cJi8
Container Queries: youtu.be/rrLAg7xNERA
Relative Colors: youtu.be/Acs-tJV4iAo
:has: youtu.be/K6CWjkDgQnE
@property: youtu.be/sd34qnxSeoU
Subgrid: youtu.be/-0fAhoahXYw?t=145
Multi-Value Display: youtu.be/JY0FN71vCbw?t=200
display: contents: youtu.be/JY0FN71vCbw?t=478
Logical Properties: youtu.be/-0fAhoahXYw?t=544
::backdrop: youtu.be/ywtkJkxJsdg
transition-behavior: youtu.be/qFVtSAK8H44?t=447
@starting-style: youtu.be/qFVtSAK8H44?t=218
field-sizing: youtu.be/ElELqkwzcYM
anchor: youtu.be/B4Y9Ed4lLAI

Articles:
@layer: blog.webdevsimplified.com/2022-04/css-cascade-layers/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-VA975GOUFmM
:has: blog.webdevsimplified.com/2022-09/css-has-selector/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-VA975GOUFmM
@property: blog.webdevsimplified.com/2025-01/css-at-property/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-VA975GOUFmM
Multi-Value Display: blog.webdevsimplified.com/2024-11/css-advanced-display-property/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-VA975GOUFmM
display: contents: blog.webdevsimplified.com/2024-11/css-advanced-display-property/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-VA975GOUFmM
Logical Properties: blog.webdevsimplified.com/2021-05/css-logical-properties/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-VA975GOUFmM


🌎 Find Me Here:

My Blog: blog.webdevsimplified.com
My Courses: courses.webdevsimplified.com
Patreon: patreon.com/WebDevSimplified
Twitter: twitter.com/DevSimplified
Discord: discord.gg/7StTjnR
GitHub: github.com/WebDevSimplified
CodePen: codepen.io/WebDevSimplified


⏱️ Timestamps:

00:00 - Introduction
00:36 - @layer
02:08 - text-wrap
02:57 - Nesting
03:30 - Container Queries
04:46 - Relative Colors
06:13 - :has
07:27 - @property
08:35 - Subgrid
09:15 - Multi-value Display
10:14 - display: contents
11:02 - Logical Properties
11:55 - ::backdrop
12:34 - transition-behavior
13:12 - @starting-style
14:20 - field-sizing
15:32 - @scope
16:44 - anchor()
18:45 - @container Style Queries
19:42 - interpolate-size


#CSS #WDS #WebDevelopment