Good tool for creating demo animations for Web pages?

Question

I'm not finding any recent similar questions answered. I want to create simple animations like that found here: http://hull.io

Any suggestions for tools to create and then deploy these? I'm guessing this is a Javascript library.

score 1 · Answer 1 · answered Apr 26 '13 at 00:05

1

That site specifically is using jQuery, but if you're looking for a more interactive and interesting javascript library which uses a lot of 3d drawing and such like that, try processingjs: http://processingjs.org/

answered Apr 26 '13 at 00:05

euxneks

79
6

score 1 · Answer 2 · answered Apr 26 '13 at 00:08

1

You could try out Adobe's offerings - Edge Animate

http://html.adobe.com/edge/animate/

I believe you can use it for free if you sign up for the free version of Adobe creative cloud.

answered Apr 26 '13 at 00:08

BadFeelingAboutThis

14,445
2
33
40

score 1 · Answer 3 · answered Apr 26 '13 at 00:45

If you use wordpress, the Slider Revolution plugin is the very best for that.

Otherwise, there are quite a few desktop apps for html5/css3 animation authoring:

Adobe Edge http://html.adobe.com/edge/animate/

Sencha Animator http://www.sencha.com/products/animator

Motion Composer http://www.aquafadas.com/en/motioncomposer/

Hype (Mac only) http://tumult.com/hype/

score 1 · Answer 4 · answered Apr 26 '13 at 06:30

1

I did the animation on hull.io. I used jQuery Transit http://ricostacruz.com/jquery.transit/

This is a fantastic jQuery plugin to create CSS transformations.

answered Apr 26 '13 at 06:30

Vic

133
8

Interesting! Just FYI, the animation has issues in (soon to be Webkit/Blink) Opera. – hexalys Apr 26 '13 at 11:22

Good tool for creating demo animations for Web pages?

4 Answers4