HTML5 Ajax Loading Spinner

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.

In this example, I will show you how to create an HTML ajax loading spinner. I will use pure html, javascript and css to implement the loading progress animation. HTML5 css animation is not a new topic. I have talked about it in the old post Create CSS Animation in HTML5 Games. But in that html5 css animation example, I am using too much fancy new css technology which is not widely implemented in most of the browsers. After several testing, I find it only works in Chrome. So I think I should create a new htm animation example, which can work in IE, Firefox and Chrome at least.

This time, I will only use normal html, javascript and css to create the loading spinner animation, so that it will be compatible with IE, Firefox and chrome and any other old browsers. To create an animation in html is not very complicated. I am using sprite sheet animation, which is a very classical animation method used in games. A sprite sheet is a single png image containing all the frames of an animation. One of the advantages of this type animation is that we can use it android animation, ios animation and html animation. You can check sprite sheet animation in IOS programming.
Read more

Get My Website Back Into Google Search Engines

This morning, I suddenly find that one of my website disappeared from google search engine. Actually I don’t know when it happened. I have not paid any attention on this website because its traffic is low. There are several reason for low traffic. From google analytics, I can find some organic search from search engine like Bing and Yahoo, but not google. The problem here I mentioned is not low traffic, but there is no traffic at all from google search. Hence, I am doing several testing about my website on google search.

My website is connection-kit.com. It is registered 3 years ago. My website was added to google webmaster tools at that time. The last article I was posted is at July 23, 2013. I have checked in my webmaster tools, Google still crawls on my website every day, and all my pages are still indexed. The following two diagram shows you the last 3 months Google webmaster states.

Google Crawls in 2014
Google Crawls in 2014

Page Indexed in Google
Page Indexed in Google

Read more