Animation really is one of the best features to hit CSS in a long time. After all, as we’ve come to realise, motion can enhance user experience and encourage...

Our web design course, Practical Web Animation, gives an introduction to animating web elements. And now we've updated it with three new bonus projects.

Not only are CSS variables a real and tangible option for developers, they can also be used in animation scenarios. Still skeptical? Follow along to find out...

CSS has matured in many ways over the years, not least in terms of CSS animations. With each day that passes more and more developers are creating living,...

Sequence.js is a CSS animation framework which you can use to create sliders, presentations, and other step-based applications. Our new short course,...

In this screencast I’m going to explain how to get started with MoJs (mo.js); a JavaScript library for creating web-based motion graphics.

Let’s take a look at some prototyping tools available for web designers today: Framer, Adobe XD, Adobe After Effects, Adobe Animate CC, Craft Prototype,...

CodePen is a great place to find inspiration and see what crazy UI experiments others are coming up with. As well as this, it’s also a useful place to find...

What’s better than being static? Being in motion, my good friends. Motion is on the rise for the web, from simple interface interactions, to more complex...

It’s now possible to create awesome animation effects using pure CSS, without a scrap of JavaScript in sight. In our new short course, A Visual Guide to CSS...

Tooltips are a great way to enhance a UI when your users need some extra context for that fancy icon, or when they want some reassurance for clicking a...

Scrolling animation can be a great way to provide more interest for your users and to make your websites more interactive. The idea is that, as a user...