I released a jQuery plugin a couple of days ago and I haven’t had time to write about it here until now. The plugin is based on a slightly crazy idea, but it has been getting some good response on Forrst and Twitter (my follower count has
tripled quadrupled since the release).
Most people seem to think that it’s a pretty cool plugin, but struggle in coming up with good practical uses of it. It might not be of much use on any “serious” website, but I think it can create quite a nice effect on personal portfolios and presentation pages, if used creatively.
So what does the plugin do exactly? Well, it lets you define a custom path for the window to follow when scrolling up and down, and you can also throw rotations into the mix. You draw the path with methods that work exactly the same way as the canvas methods for drawing lines and arcs.
To make it easy to see how your path is coming along, I’ve added an option to display the path on an overlaid canvas. Enable this while your building your site, and you should have no problem with shaping the path exactly the way you want it.
After creating the demo I’ve learnt that the way you present your social “follow me” and “share” links can have a big impact on the rate of people that actually click on them. This time, I decided to only include links for following me and sharing the page on Twitter, completely disregarding all other social networks. This increased the amount of social shares tremendously compared to previous demos that I’ve made. Also, instead of using the default tweet button, I made my own custom tweet link that fits in better with the design, using my previously described technique. I’ll be keeping this in mind once I get around to re-designing parts of this blog.
The source code and documentation is on GitHub. Let me know if you use the plugin to build something creative, I’d love to see it!