Summary

In this chapter, we took the basics of what we had learned about interactions and animations in Chapter 7, Introduction to Interactions and Animations, and built upon it. We created three advanced and custom interactions that showcased multiple capabilities, as well as how we can quickly build interactions that not only give a level of polish and dynamism to a web page but that also elevate the user experience.

The first interaction was a parallax effect, where we learned how to manipulate the movement of elements on the page in relation to each other to give an effect of depth and inertia. We also learned how to stack several actions or effects on top of each other in the same interaction.

The second interaction introduced us to page-level triggers. We created one to hide and show the top navigation menu when the user scrolls up and down the page. This is a type of anticipatory design that assists the user when we feel they might need the help of the menu and get it...