In this article, I will introduce 6 favorite ajax html spinner animations. You can download the best free AJAX spinner you like and use it in your own html website. Here are two types of animations available, gif animation and sprite sheet animation.
- GIF animation is the most common animation used in html page, but you cannot control or interact with GIF animation.
These days I am working on a new project, which will use Ajax to update the HTML pages. Because of the latency of internet, it may take 0.1s to 10s to response an Ajax calling and refreshing the HTML page. Hence, we have to show something like loading spinner duration this time. To give a great user experience, our designer provides several fancy loading spinners and some of these loading animation are even hard to be implemented by normal html and css. I have tried several ways to show these loading spinner in HTML page.
I will create an Ajax loading spinner in this example. Currently, lots of websites are designed for iphone, ipad and other android based tablets. Therefore, most of them avoid to using flash technology and start to use html5 instead. To improve the user experience, a loading spinner is necessary when there are some ajax calling.
Continue reading »
There are several ways to create animation in HTML5 games. I am going to show you how to create HTML5 animation by CSS 3 in Chrome, Safari, Firefox and IE. To make the CSS animation, we need to get a sprite sheet animation png files, which you can:
This is a sprite sheet animation in HTML5 canvas.