O'Reilly logo

jQuery for Designers : Beginner's Guide - Second Edition by Natalie MacLees

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Time for action – setting up HTML for Scrollorama

Perform the following steps to get the page set up to add scrolling animations:

  1. Head over to http://johnpolacek.github.io/scrollorama/. You'll find a link to download a ZIP file right near the top of the page, but feel free to take a moment to scroll down the page to see demos of the different types of animations that are possible. When you're done, go ahead and download the file and unzip it.

    Inside, you'll find a couple of sample CSS style sheets, a sample index.html file, a README file, a .json file, and some JavaScripts. The JavaScripts include jQuery itself, the Scrollorama plugin, and the Lettering.js plugin. Yep, this is the same Lettering.js plugin that we used in Chapter 9, Improving Typography ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required