Emerge.js, a framework for coordinated page loading
An example would be Apple’s Mac page, where an animated spinner is displayed on top for a couple of seconds, and when the menu items are ready, they appear with a nice animation.
Since coordinating the load process requires tedious programming, it is not what many people choose to do. There are tools which simplify the task to some extent, however the very necessity of programming is a dead end for most people.
Emerge.js changes this.
Elements of class emerge fade in after all the contained images are loaded (this includes CSS images). To display an animated spinner while loading, use:
The framework lets you coordinate the order and timing and use different animation effects as you see fit, for instance:
Check out the product page for detailed description.