A tutorial on how to re-create the page preloading effect seen on the website of Fontface Ninja. CSS animations, 3D transforms and SVGs used for this tutorial.
waitMe is a jQuery plugin for easy creating loading CSS3 animations. Plugin use css3 animation, and works on all browsers and IE10+.
ClassyLoader is a jQuery plugin that lets your add beautiful and animated loaders to your website.
Progress.js is a JavaScript and CSS3 library which help developers to create and manage progress bar for every objects on the page.
spin.js is an animated CSS3 loading spinner with VML fallback for IE. It dynamically creates spinning activity indicators that can be used as resolution-independent replacement for AJAX loading GIFs.
Also you can use spin.js as a jQuery plugin.
Pace makes a beautiful progress indicator for your page load and ajax navigation.
It will automatically monitor your ajax requests, event loop lag, document ready state, and elements on your page to decide the progress. On ajax navigation it will begin again!
Loadie.js is a lightweight jQuery plugin to create a preloader that doesn't suck.
NProgress.js a nanoscopic progress bar inspired by Google & YouTube. Featuring realistic trickle animations to convince your users that something is happening!
Loda Button jQuery plugin that animates the button icon with CCS3 when loading data from the server.
The animation is created using CSS3's animation, transitions and transforms, which are supported by Chrome, Firefox, Opera, and IE10.
isLoading is a simple jQuery plugin to show visual feedback when loading data or any action that would take time. You can use isLoading as;
jQuery Waiting is a jQuery plugin to generate spinners and loaders, without images, canvas, or other nonsense. jQuery Waiting uses standard, widely accepted css to style your waiting spinner, and a little jQuery to make it function
The jQuery BlockUI Plugin lets you simulate synchronous behavior when using AJAX, without locking the browser. When activated, it will prevent user activity with the page (or part of the page) until it is deactivated.
BlockUI adds elements to the DOM to give it both the appearance and behavior of blocking user interaction.
What QueryLoader2 does is simply scanning the given elements for images (and background images) and preloading them before the website is visible.
This version has been modified to make it easier for users to implement (especially those who are already into jQuery).
