Generative UI Notes

The new CSS corner-shape() property is mathematical, so it’s easily animated. Author Daniel Schwarz pokes at animating the property for interesting UI effects.

Mat Marquis and Andy Bell have released JavaScript for Everyone, an online course offered exclusively at Piccalilli. This post is an excerpt from the course taken specifically from a chapter all about JavaScript destructuring.

For this issue we have random(), folded clip-path corners, anchored container queries, customizable select, scroll-triggered animations, and more.

Tailwind is really great for making layouts and there are many reasons why. Zell Liew looks at four specific examples of common use cases.

Let’s go over a few demos using the new customizable <select> feature that may be wild, but also give us a great chance to learn new things in CSS.