Web developers love having access to great little scripts to spice up their web pages and get the edge over competitors. Now, thanks for a user on Github, there is a cool Java Script based Spinner that you can create, similar to the loading of a YouTube video when it is attempting to buffer. This spinner is completely customisable and can be used when loading images on a site, galleries, or even videos when they need to load the first fraction of the video to then be able to play throughout seamlessly.
You can adjust pretty much everything about the spinner, such as the amount of lines that surround the middle, the length and width of the lines, and the radius of the middle area gap, which always looks better when it is small, unless you are loading something massive.
You can also rotate, but I don’t really understand the point in that as it’s the same all sides. The trail of the white moving spinner can be adjusted to how long it is, and of course the speed. Shadows can also be added.
The features according to the page include the following:
- No images, no external CSS
- No dependencies (jQuery is supported, but not required)
- Highly configurable
- Resolution independent
- Uses VML as fallback in old IEs
- Uses @keyframe animations, falling back to setTimeout()
- Works in all major browsers, including IE6
- MIT License
As you make changes to the settings, the code at the bottom of the screen automatically changes allowing you to simply copy and paste the code into your web development where you see fit.
There are also jQuery Plugins incase you feel the need to use it, depending on the type of design that you have. It supports all browsers including mobile based ones, so iPad users will love this.
The latest update was in March. Something new may come out soon for it, but right now it is already pretty much perfect.
You can follow the developer of this script on Twitter @ http://twitter.com/fgnass