In this video, I'll walk you through five great #CSS features that have recently become widely available. From the long-awaited #ContainerQueries to the powerful #has pseudo-class, and the convenience of #CSSNesting to the precision of #Subgrids, we'll explore how these tools can help you in your daily work. Stay ahead of the curve and unlock the full potential of CSS in 2024.
🍿 Chapters:
00:00 Intro
00:38 Container Queries
02:45 Nesting
03:50 Subgrid
05:36 has()
07:48 text-wrap: balance
🔗 Links:
Container Queries: codepen.io/fbernack/pen/zYXWWGN
CSS Grid & Subgrid Newspaper: codepen.io/fbernack/pen/ZEZQKdM
CSS :has() Usages in Form: codepen.io/fbernack/pen/rNbNBvO
CSS Only Material Input with :has(): codepen.io/fbernack/pen/poBvMPe
Always great grid - CSS grid + :has() + view transitions: codepen.io/web-dot-dev/pen/wv...
Mockup with text-wrap: balance: codepen.io/fbernack/pen/yLrKMJp
🧑💻 Further information:
Using CSS Nesting: developer.mozilla.org/en-US/d...
Introduction to Subgrid: developer.mozilla.org/en-US/d...
Негізгі бет Ғылым және технология Top 5 CSS Features for 2024
Пікірлер: 30