Creating accessible animations is an important part of user experience. Motion on the screen can make people dizzy, nauseous, or worse. In this guide, I’ll...

SVG animation is a great alternative to using animated GIFs on the web, but it’s not always easy. In this tutorial I’m going to explain how you can easily...

Here are 11 courses that will teach you how to create beautiful animations with CSS, JavaScript, and dedicated frameworks like GreenSock and Sequence.js.

To mark World Mental Health Day we’re going to be using CSS to animate an SVG centered on the green ribbon many people wear to symbolize mental health...

Next time you’re putting together some CSS3-based animations you might find it helpful to jump into Chrome DevTools and take advantage of its animation...

Adding movement to websites has long been a powerful way to stand out. Motion graphics can help you take things a step further by providing a...

In this tutorial you’re going to learn how to make a very simple loader icon using SVG animation. What we’ll be covering is different from CSS animation—SVG...

In our new course, Creating Animated HTML5 Page Transitions, you'll learn how to build animated page transitions for the web using HTML5, CSS transitions,...

In this final part of our Popmotion series, we take everything we've learned so far to create a custom animation scrubber. We'll use some light functional...

Do you want to learn more about CSS3 animations? Our latest short course, 6 Handy CSS3 Animation Projects, gives you a quick, practical introduction.

Let’s take a look at what amazing things people are making and animating with only HTML and CSS.

In today’s quick tip I’m going to show you how to add microinteractions to your website using a JavaScript library called micron.js.