This post really helped me understand just how surprisingly easy it is to start using View Transitions—as quick as a single meta tag in the head to enable fade/opacity transitions—and a slew of other great tips, tricks, and things to watch out for as we prepare for this great new browser feature to become stable!
Gotta love a good Animorphs reference, too.
A handy trick to add a bit of smoothness to animations that Rach Smith calls Lerp, a nickname for Linear Interpolation between two points
.
I was just working on some styling changes to my website and fell into a rabbit hole on URLs, the <mark> element and :target pseudo-class, and ended up writing an animation as a handy technique for drawing the reader’s attention.
Awesome little trick for building better "initial" animation states where multiple elements are staggered.
bookmarkOne of my code demos.
codeOne of my code demos.
codeOne of my code demos.
codeI wish I could create animations this beautiful. Lynn Fisher demonstrates her god-like abilities with yet another gorgeous portfolio redesign. Check out the archive of her previous designs, too. They're remarkable.
bookmarkOne of my code demos.
codeThrottle back on your scroll events and watch out for the IntersectionObserver!
articleGreat inspiration can sometimes be found in exploring available opportunities and embracing new ideas. In this article, I'll try to replicate a foreign concept in a familiar way, and explain why I decided to even do it.
articleOne of my code demos.
codeOne of my code demos.
codeOne of my code demos.
codeOne of my code demos.
codeOne of my code demos.
codeOne of my code demos.
codeOne of my code demos.
codeHow easy is it to keep a shadow's direction consistent whilst rotating an element?
articleOne of my code demos.
code