GitHub is a great place to find projects that are freely distributed to the public, but have you ever starred a repo only to forget how cool and useful it could be? In this article I’ll bring to light some fantastic projects freely available on GItHub that have a strong focus on helping animators building motion for the web.
Animated icons are great for giving your website or app that sleek, polished look. In our new short course, Animating Icons With Adobe Illustrator and After Effects, you’ll learn how to design and animate icons from scratch.
Our popular web design course, Practical Web Animation, gives an in-depth four-hour introduction to animating buttons, images, and other web elements.
When we mention CSS in discussions we often speak of it as a dumbed down language. A declarative language, lacking logic and insight; but that isn’t the true reality. For years developers have been craving variables in standard CSS, having been spoiled by pre-processors such as LESS and Sass for so long.
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, breathing interfaces. In this article we’ll look at the state of CSS animations, how it has grown, what it’s capable of today and cover some resources and tools available. Let’s get moving!
Sequence.js is a CSS animation framework which you can use to create sliders, presentations, and other step-based applications. It has all the necessary functionality built in; all you have to do is add your content and styling.
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 educational content. In this roundup we’ll explore some cool examples of CodePens that teach us all about web animation.