Today we will be looking at a few techniques we can use to show scroll progress for users who are reading a page. This technique is being used on an increasing number of sites, and for good reason; it provides a contextual understanding of investment needed to consume a particular page. As the user scrolls, they are presented with a sense of current progress in different formats.
Magnet is a jQuery plugin to create filterable layouts. Developed to be as simple as possible, Magnet is easy to initialize and to set up. All completed with extensive documentation with code snippets and examples.
Twitter is the most powerful platform that you can express your thoughts with your followers. Few months back Twitter has been updated there OAuth APIs, this tutorial will explain three import systems like, login with Twitter, storing Twitter Oauth tokens into database and update Twitter status message with your own web application. This script helps you to share your web application updates with user Twitter status updates.
popModal is a jQuery plugin for showing tooltips, titles, modal dialogs and etc.
This library includes 5 components:
popModal – popup window, displayed near the parent element. Invoked by clicking on an element
notifyModal – notification popup, displayed on top of all elements. Invoked by event and hide after a certain time
hintModal – tooltip, displayed near the parent element. Invoked on mouse hover on an element and hide after element lost focus
dialogModal – modal dialog, displayed on top of all elements. Invoked by clicking on an element
titleModal – tooltip, displayed near the parent element, replace native title. Invoked on mouse hover on an element and hide after element lost focus
WaitMe is a jQuery plugin for easy creating loading css3 animations.
Dynamic show preview of the selected image before upload it, by jQuery.
A jQuery plugin that uses min-height to force DOM elements to the height of the viewport.
Ninja Kick Sidebar: Contact Form is a jQuery plugin that adds contact form with content push animation effect and clean design on every page of your site. EXAMPLE: You can make menu item ‘Contact Me’ open contact form on the same page impoving user experience.
jQuery.animateTransform allows you to animate CSS3 Transform-Values (translate, translate3d, skew, rotate, scale).The Plugin is an extension for jQuery’s animate-function, hooking into $.fx.step to animate the CSS3 Transform-values. That means there’s no need for using an own function with an own syntax. Just animate them the way you learned it.
A jQuery plugin to add CSS classes based on direction of mouse entrance or exit of an element.