Beautiful PNG Wait Indicator with Raphaël and jQuery
UPDATE: Please don’t read this post… It’s actually kind stupid. :/ Now that IE supports 2D CSS tranforms, there are betters ways of handling this.
Can you believe that in 2010 we are still stuck with using animated gif’s? They support transparency, but not the alpha-channel. So when you need to create a wait indicator that won’t have a specific background, you’re stuck with a pixelated look.
Recently, I wanted to create a beautiful wait-indicator to display while AJAX was loading. I wanted to use PNG, but animated PNG’s don’t have wide support yet. Furthermore, PNG’s are fairly large, so an animated one would be orders of multitude larger. I thought, “This is silly. This is the image I want. ROTATE IT!”. Seriously, what year is this? 1996?!
Enter Raphaël:
Raphaël is a small JavaScript library that should simplify your work with vector graphics on the web. If… Read More →