Web animation resources
Tags: learning, animation, resources
Published: 2019-07-26 16:34:41

---
title: Web animation resources
published: true
description: A selection of great resources for learning more about animations on the web.
tags: learning,animation,resources
---

I've been asked about web animations and if I can share some resources regarding them. They are a part of my day to day work, so I am getting quite used to working with a multitude of different methods of creating and developing animations for the web.

That being said, I know it can be difficult to get into, even more difficult to master! - like anything really. So, I decided to gather together some resources to help out (myself) and others learn more about and get inspired by web animation.

<h3>Web Animation Newsletters</h3>
[The UI Animation Newsletter](https://valhead.com/newsletter/)
An excellent collection of UI animation related content, lovingly curated by Val Head.

[Web Animation Weekly](http://webanimationweekly.com/)
A hand-picked selection of articles, videos, book reviews, and other goodies pertaining to the wonderful worlds of web animation and motion design! Created and curated by Rachel Nabors (and friends).


<h3>Tutorials and Courses</h3>
[Learn CSS Animation - Animation Rocks](https://cssanimation.rocks/courses/)
Quick resources and short course on levelling up your css animations.

[Codrops Tutorials](https://tympanus.net/codrops/category/tutorials/)
Great site showcasing some of the most modern web technologies and how they can be used. Warning - check the browser compatibility!

[Superhi - Advanced CSS and Javascript](https://www.superhi.com/courses/advanced-css-and-javascript)
I can personally vouch for this course, being a student of it myself! Easy to follow course for helping to remind and boost your CSS and Javascript based animation knowledge.

[Skillshare](https://www.skillshare.com/)
Community based short course submissions, with a wide range of courses and themes. Can be a little hit and miss, but you can learn a great deal very quickly! If you want to signup, you can using my share code [here](https://skl.sh/2Lkm3P6).

[tutsplus](https://webdesign.tutsplus.com/articles/popular-courses-on-css-animation--cms-27166)
Another online code school. This article leads off to a multitude of different short courses focussing on CSS as well as JS animation.


<h3>Inspiration Websites</h3>
[UI Movement](https://uimovement.com/)
UI Design and animation inspiration blog and newsletter.

[Awwwards Animation Collection](https://www.awwwards.com/awwwards/collections/animation/)
A fantastic resource for finding inspiration of sites that actually exist (rather than animation mockups).

[Dribbble](https://dribbble.com/tags/ui_animation)
This really popular sharing platform is a great source of inspiration for UI animations.

[Codepen](https://codepen.io)
Awesome online tool for quick prototyping or just browsing other peoples prototypes and learning from their code.


<h3>Helpful tools</h3>
[Easings](https://easings.net/en)
Nice tool to help you quickly remember css timing functions.


<h3>People To Follow</h3>
[Chris Gannon](https://twitter.com/ChrisGannon)
[Rachel Nabors](https://twitter.com/rachelnabors)
[Val Head](https://twitter.com/vlh)
[Nat Cooper](https://twitter.com/natacoops)
[Daniel 'Best Served Bold'](https://twitter.com/bstsrvdbld)


This is by no means an exhaustive resource list. Do you have some resources that have really helped you learn more? Or some inspiring people you'd love others to know about? Think they should be added to this list? __Then please let me know!__