Gay Webmaster

Question by Carpetfizz:
How do you make animations with HTML5?

Hi,
I currently have a website and wanted to include some animations in it. I don’t want to use Flash, but HTML5 instead. I know how to program in HTML, and I know that there are several new tags in HTML5. But, how do you make animations? Is there a software program designed for HTML5 like Adobe Flash?

Thank You!

If there is a certain software, please check if it’s for Mac OSX.

Best answer:

Answer by Ron
You don’t make animations with HTML 5.0. That is the new web standard with new document type and CSS 3.0. You make animations with any good animation program.

How Tos (Animation):

GIF Animations Instructions: http://www.frontiernet.net/~steve_glimpse/animinst.html
How to create an Animated gif (Video): http://www.youtube.com/watch?v=Z93Z1v5dypE
How to Make a Animated GIF from a Video Clip: http://www.youtube.com/watch?v=1RMvoLyI_qs
How to Create Animated GIFs Using Photoshop CS3: http://www.wikihow.com/Create-Animated-GIFs-Using-Photoshop-CS3

I don’t have a Mac so you’ll have to check these to see if they do animations:

MAC Graphics Editors:

Top 8 Budget Photo Editors for Mac: http://graphicssoft.about.com/od/pixelbasedfreemac/tp/budgetphotoedm.htm
GIMP MAC version: http://www.gimp.org/macintosh/
Seashore is an open source image editor for Mac OS X’s Cocoa framework: http://seashore.sourceforge.net/
PixelNhance 1.5.8: http://www.5star-shareware.com/Mac/Graphics/pixelnhance-mac.html
ImageWell Reloaded: http://xtralean.com/IWOverview.html
digiKam 1.0.0: http://www.digikam.org/
ChocoFlop (Donation?): http://www.chocoflop.com/download_en.html

I think GIMP is compatible or they have a separate download for Mac:

FREE Software (Animation):

http://www.gimp.org/downloads/ (Animation included)
GIMP tutorial directory: http://www.pxleyes.com/tutorials/gimp/ext/

If you have good graphics editor, you can make the images for your animation and then upload them to this site to use the animation maker:

http://www.blibs.com/editor/ (Animation Tools)

Ron

What do you think? Answer below!