What's !important #9: clip-path Jigsaws, View Transitions Toolkit, Name-only Containers, and More | CSS-Tricks
Briefly

What's !important #9: clip-path Jigsaws, View Transitions Toolkit, Name-only Containers, and More | CSS-Tricks
"Amit Sheen demonstrated how to create a full jigsaw puzzle using clip-path. While I doubt that you'll need to create a jigsaw puzzle anytime soon, Amit's walkthrough offers a fantastic way to acquaint yourself with this evolving CSS property that's becoming more and more popular every day."
"The Chrome DevRel team created a view transitions toolkit, a collection of utilities that make working with view transitions a bit easier. Here's my favorite demo from the site: Chrome shipped element-scoped view transitions only last month, so there's no better time to dive into this toolkit."
"Chris Coyier discussed the use of name-only containers for scoping, and how they compare to class names and @scope. Personally, I prefer @scope because it tends to result in cleaner HTML, and it seems that Chris has updated his stance to be more @scope-aligned too."
Amit Sheen demonstrated creating jigsaw puzzles using clip-path, showcasing its growing popularity in CSS. Chrome Canary recently introduced rounded clip-path polygons, with plans for additional corner-shape keywords. The Chrome DevRel team released a view transitions toolkit to simplify working with view transitions, coinciding with the recent launch of element-scoped view transitions. Chris Coyier discussed name-only containers for scoping, comparing them to class names and @scope, with a preference for @scope for cleaner HTML. Subgrid was also mentioned as a previously notable feature.
Read at CSS-Tricks
Unable to calculate read time
[
|
]