This concern of What’s !necessary brings you clip-path jigsaws, a view transitions toolkit, name-only containers, the same old roundup of latest, notable internet platform options, and extra.
Making a jigsaw puzzle utilizing clip-path
Amit Sheen demonstrated tips on how to create a full jigsaw puzzle utilizing clip-path. Whereas I doubt that you just’ll have to create a jigsaw puzzle anytime quickly, Amit’s walkthrough affords a unbelievable method to acquaint your self with this evolving CSS property that’s changing into increasingly in style every single day.
For instance, Chrome Canary shipped rounded clip-path polygons solely final week:
I and Jason are at the moment engaged on implementing the CSS `polygon() spherical` key phrase in Chrome.
That is one in every of my favourite CSS options! Due to @lea.verou.me for bringing it to CSS.
Allow the `enable-experimental-web-platform-features` flag in Chrome Canary
codepen.io/yisi/pen/NPR…— yisibl.bsky.social (@yisibl.bsky.social) Apr 9, 2026 at 7:25
And there’s additionally speak of implementing different corner-shape key phrases akin to bevel, too.
Lastly, since we’re on the subject, and since I by some means utterly missed it for What’s !necessary #8, right here’s Karl Koch demonstrating some actually neat clip-path animations.
Get clippin’!
View transitions toolkit
The Chrome DevRel crew created a view transitions toolkit, a group of utilities that make working with view transitions a bit simpler.
Right here’s my favourite demo from the positioning:
Chrome shipped element-scoped view transitions solely final month, so there’s no higher time to dive into this toolkit.
How name-only containers can be utilized for scoping
Chris Coyier mentioned using name-only containers for scoping, and the way they evaluate to class names and @scope. Personally, I choose @scope as a result of it tends to end in cleaner HTML, and plainly Chris has up to date his stance to be extra @scope-aligned too, but it surely actually comes down to private choice. What’s your tackle it?
Hey, keep in mind subgrid?
At one level, subgrid was one of the vital highly-anticipated CSS options, but it surely’s been two and half years because it grew to become Baseline Newly Obtainable, and it’s barely made a dent within the CSS panorama. It is a disgrace, as a result of subgrid can assist us to interrupt out of grids correctly and keep away from the ‘ol Michael Scofield/nested wrappers/unfavorable margins extravaganza.
However don’t fear, David Bushell’s quite simple rationalization of subgrid has you coated.
You May Not Want…JavaScript?
Bear in mind You May Not Want jQuery? Pavel Laptev’s The Nice CSS Growth has an identical vibe, noting CSS alternate options to JavaScript libraries (and JavaScript basically) which can be smaller and extra performant.
Missed hits
It’s changing into more and more troublesome to maintain up with all of those new CSS options. I tried approach too many rounds of Keith Cirkel’s new CSS or BS? quiz, and my finest rating was solely 18/20. Unhappy occasions. Let me know your rating within the feedback (until it’s greater than mine…).
