CSS Simplified Course: https://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: https://courses.webdevsimplified.com/css-simplified/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-VA975GOUFmM

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


Articles:

@layer: https://blog.webdevsimplified.com/2022-04/css-cascade-layers/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-VA975GOUFmM
:has: https://blog.webdevsimplified.com/2022-09/css-has-selector/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-VA975GOUFmM
@property: https://blog.webdevsimplified.com/2025-01/css-at-property/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-VA975GOUFmM
Multi-Value Display: https://blog.webdevsimplified.com/2024-11/css-advanced-display-property/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-VA975GOUFmM
display: contents: https://blog.webdevsimplified.com/2024-11/css-advanced-display-property/?utm_source=youtube&utm_medium=video-description&utm_term=video-id-VA975GOUFmM
Logical Properties: https://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: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://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

Web Dev Simplified

Discover 20 game-changing CSS features that will elevate your web development skills. Learn about CSS layers, text wrap properties, nesting, container queries, relative colors, and more. These features offer new ways to manage specificity, improve text layout, and create responsive designs. Stay ahead with these modern CSS techniques and enhance your web projects.

20 NEW CSS Features You Need To Know In 2025