Hopscotch is a framework to make it easy for developers to add product tours to their pages. Hopscotch accepts a tour JSON object as input and provides an API for the developer to control rendering the tour display and managing the tour progress.
Features:
PageLoader is a tiny, customizable add-on that gives your site an animated loading screen. It also adds a nifty slide-in animation to all your content; as the loading screen fades away, your content slides down in an unobtrusive yet memorable way.
It’s a great and lightweight way to add spice to any website. Simply install the jquery plugin, and your website will instantly boast a little extra pizazz! Optionally, you can color customize the loading screen as well as the icon with just a few clicks, and give them both any color you choose.
And, it works everywhere. It’s been tested on desktop browsers along with a variety of iOS, Android and Windows devices.
Canvas was designed to be a simple and straightforward add-on that allows you to display information and content in a dedicated, full screen area separate from your main content. It’s responsive all the way down to tablets and smartphones, ready for retina screens, and is a great addition to any website.
Insert text, images, videos, forms etc. as you would into any page on your website. Nothing except your needs and imagination stand in the way.
A jQuery UI widget for building simple, scroll-based pages and interactions.
Key features :
Examples :
There are plenty of reasons for using a sticky header navigation in your website. It provides easy access for top-priority links, plus a way back to the homepage from anywhere on the site. However problems may arise when you have a navigation bar which blocks some of the page content.
In this tutorial I want to demonstrate how we can build a locking header bar which will auto-hide itself after scrolling down the page. Also when scrolling to the very bottom we will display a small footer which includes many of the same nav links.
