Spice up Your Personal Site with jQuery

Spice your site by making your menus rotate in different ways

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.