In this article, I’ll run through the steps involved in learning animation for the web, from what it’s all about, though straightforward transitions, more...

Creating scroll-initiated motion can be immensely gratifying. We’ll be diving into a particular effect seen on the Casper Mattress website (created by Jonnie...

CSS keyframe animations offer designers a powerful way to create animations in the browser without having to rely on external plugins or extensive...

GIFs are incredibly popular online, however, they can also be quite large. Getting them down to a usable size without compromising on quality is a challenge....

The days of animation-heavy websites are fading, but there is still something to be said for a site with small amounts of subtle, eye-catching motion to help...

If you want to learn more about Motion UI but have limited time available, our new course, Learn Motion UI From Top to Bottom, is for you. In just six short...

The GreenSock Animation Platform is a powerful JavaScript library for animating HTML elements in the browser. In our new course, Advanced Animation With GSAP...

In this quick tip, I’ll show you how to create scroll-based animations with fullPage.js and animate.css.

One way to breath a bit more life and a bit more personality into animation on the web is to experiment with different settings of easing. In this Coffee...

In this tutorial we’re going to look into one of the older, more familiar CSS properties: background. background is one of several CSS properties whose...

2015 was a year to remember! From the first shipment of the Apple Watch to the landing of the Mars rover, to the long-awaited release of the next instalment...

Hype 3, by Tumult, is an OS X application for creating HTML5 animations. If you ever used Flash’s iconic timeline tools, Hype 3’s interface will seem very...