by Gene Crawford | May 5, 2025
Design principles tell us a shadow is conveys that light is hiding an object, which casts the shadow behind it, giving us a sense of depth. However, if that’s all a shadow is ever used for, then it has not been utilized to its full potential.
by Gene Crawford | May 2, 2025
Here’s a CSS technique that produces blurry image placeholders (LQIPs) without cluttering up your markup — Only a single custom property needed!
by Gene Crawford | Apr 30, 2025
I recently shared a trick on how to create a Full-bleed layout using a few lines of modern CSS code. If you are unfamiliar with such layout see the demo below. In this article we’ll dig deeper into the idea and explain things as we go.
by Gene Crawford | Apr 29, 2025
Smoothly animating a border-radius with a View Transition
by Gene Crawford | Apr 22, 2025
All-in-one animation engine. A fast and versatile JavaScript library to animate CSS.