Web Animations
Bringing better animations to linkalist web content
Linkalist
Building Better Apps
November 15, 2019
I've always been a bit suspicious of the use of animations on the web. This is a combination of a long history of terrible experiences with animations on the web and my experience of having spent 10 years  building animations for Interactive TV content that had to run on devices with the computing power of an early 90s PC. Needless to say that never ended well.
However, over the last few years, the use of neat animate-on-screen effects for web content has become ubiquitous and the lack of this feature was becoming an increasingly serious issue for our customers. So we decided to have a bit of a look at how we would bring animations to Linkalist content.
It didn't take a lot of digging before we can across the Animate On Scroll library on Github which is the obvious solution to this problem. With this really cool library, we just had to drop in Javascript and CSS files and then add a little bit of configuration info to every item we wanted to animate.
So, we then added the ability for our customers to add animation setting to their site and landing articles, and that was pretty much the job done. Now, as you scroll down through a linkalist page, various element can animate on as required. This really brings your home or landing page to life.
To sum things up, linkalist customers now have the option on to add slide, fade, flip and zoom animations to most landing and home page content. You can configure lots of other minor details such as duration, direction and delays.