Personal sites tend to be the one area where people allow themselves to truly unleash their creativity. Joel Besada is going to use one of his own plug-ins, jQuery Scroll Path, as a tool to transform a conventional site layout into something that resembles an interactive presentation. The sections of the page will be spread out and rotated across a two-dimensional plane, and bound together with a path that the browser window follows when the user scrolls the page.
Joel Besada will start out with a rather plain and simple personal web page with five different sections. The first step in this transformation is to include the necessary files to get the plug-in running. For this, he needs a jQuery version 1.7 or higher and, of course, the plug-in script. Next, he’ll also include a small CSS style sheet setting the styles of the custom scrollbar that comes with the plug-in. Now that he has everything set up, let’s start moving things around. Something Joel Besada recommends doing at this point is taking a pen and paper and sketching out the positions of the different sections and the path between them. This should give you a better overview of how everything will come together.
Comments
Be the first to write a comment
You must me logged in to write a comment.