UI in Motion Task - SimonFinney/creative-coding GitHub Wiki

Welcome to the second task, where we'll be applying what we've learned in task one to a real user interface! Here's a quick summary of what we covered earlier:

Animations & Keyframes, Transitions, Transforms, :hover and :focus animations

You've also seen some examples of animation in user interfaces and when and where to use them, let’s try applying some movement to animations ourselves. To recap, here are some reasons why we use animations in user interfaces:

Attention, Cause and effect, Guiding the user, Feedback

We’ve coded up a simple prototype of a Reminders app, that we’ll be applying some of these animations concepts to.

Download links:

• [Codepen] (http://codepen.io/jim1es/pen/ygRyxW?editors=1100)
• Download files (Github)

Here's what we'll cover

1. Attention
2. Cause and effect
3. Guiding the user
4. Creating Feedback
5. Experiment