Tag: GSAP

Responsive Animations for Every Screen Size and Device

Before I career jumped into development, I did a bunch of motion graphics work in After Effects. But even with that background, I still found animating on the web pretty baffling. Video graphics are designed within a specific ratio and … Responsive Animations for Every Screen Size and Device originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter. ...
Continue Reading Responsive Animations for Every Screen Size and Device

How I Chose an Animation Library for My Solitaire Game

There is an abundance of both CSS and JavaScript libraries for animation libraries out there. So many, in fact, that choosing the right one for your project can seem impossible. That’s the situation I faced when I decided to build … How I Chose an Animation Library for My Solitaire Game originally published on CSS-Tricks. You should get the newsletter. ...
Continue Reading How I Chose an Animation Library for My Solitaire Game

An Interactive Starry Backdrop for Content

I was fortunate last year to get approached by Shawn Wang (swyx) about doing some work for Temporal. The idea was to cast my creative eye over what was on the site and come up with some … An Interactive Starry Backdrop for Content originally published on CSS-Tricks. You should get the newsletter. ...
Continue Reading An Interactive Starry Backdrop for Content

Add a CSS Lens Flare to Photos for a Bright Touch

I’m a big fan of movies by J.J. Abrams. I enjoy their tight plots, quippy dialog, and of course: anamorphic lens flares. Filmmakers like Abrams use lens flare to add a dash of ‘homemade’ realism to their movies, … Add a CSS Lens Flare to Photos for a Bright Touch originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter. ...
Continue Reading Add a CSS Lens Flare to Photos for a Bright Touch

GSAP Flip Plugin for Animation

Greensock made the GSAP Flip plugin free in the 3.9 release. FLIP is an animation concept that helps make super performance state-change animations. Ryan Mulligan has a good blog post: FLIP, coined by Paul Lewis, is an … GSAP Flip Plugin for Animation originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter. ...
Continue Reading GSAP Flip Plugin for Animation

Building a Scrollable and Draggable Timeline with GSAP

Here’s a super classy demo from Michelle Barker over on Codrops that shows how to build a scrollable and draggable timeline with GSAP. It’s an interesting challenge to have two different interactions (vertical scrolling and horizontal dragging) be tied together … Building a Scrollable and Draggable Timeline with GSAP originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter. ...
Continue Reading Building a Scrollable and Draggable Timeline with GSAP