Book Image

jQuery for Designers Beginner's Guide Second Edition

By : Natalie Maclees
Book Image

jQuery for Designers Beginner's Guide Second Edition

By: Natalie Maclees

Overview of this book

Table of Contents (21 chapters)
jQuery for Designers Beginner's Guide Second Edition
Credits
About the Author
Acknowledgments
About the Reviewers
www.PacktPub.com
Preface
Index

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. In this case, the plugin's author, John Polacek, used it to create animations on individual letters in the samples provided with the plugin.

    The only file we'll need here is jquery.scrollorama.js. Go ahead and copy it to your own scripts folder...