How to Make HTML5 Animations

HTML 5 is an amazing technology because it performs faster than Flash, and it doesn't require a plugin to run. This means that animations using HTML 5 can run on, virtually, any modern web browser, on any modern OS. This can even be used on touch devices such as iPhone and iPad. In this video, I use Hype to show you how to make a simple animation, how to make a simple interactive button, and how to put it all together.

http://www.thecomputerclan.com

Follow me on Twitter: @Hildron101010
Follow the CC on Twitter: @thecomputerclan

Category:

Howto & Style

Tags:

• Hype
• HTML
• HTML5
• Apple
• Macintosh
• Mac OS X
• Mac
• Safari
• Firefox
• Chrome
• Web Browser
• Interactive
• How To
• Animation
• Web
• Internet
• Website

[TheAlienpope]

is html 5 still in beta? or can i buy it somewhere?

[Hildron101010]

@TheAlienpope If you have a modern computer, then you already have it.

[AdamantSystems]

Long live flash! Long live flash! Long live flash! Long live flash!

But HTML5 is pretty awesome, but still..

LONG LIVE FLASH! LONG LIVE FLASH! LONG LIVE FLASH!

[Hildron101010]

@AdamantSystems Long live Flash? Yeah, how's that workin' for you? Microsoft ditched so much Flash, Apple ditched Flash (years ago), so many website are using HTML5 now, and even Adobe has Flash to HTML5 converters and HTML5 builders. Adobe knows their Flash platform sucks.

[Hildron101010]

@AdamantSystems Even YouTube uses HTML5 now. They have a Flash option, but they use HTML5.

[MrFirefly1337]

Sorry about this hildron, but....WHERE IS CS 38.0?! D: me is waiting forever

[TheSniperofDeath]

I am old school with a text editor and CSS3 :P

[rupluttaja]

@TheAlienpope lol you noob even said that html5 is better for animating without even knowing what it is.

[rupluttaja]

@TheAlienpope lol html5 is s coding language, a upgraded version of eg. xhtml, php. if you didnt know that, maybe this sort of stuff isnt your thing

[mijav2]

@Hildron101010 Im not a fanboy of any technology. I develop content in different technologies. At this moment, Flash is many years infront of html5. Its faster, uses less resources, easier to build, has more support, stronger code, offers native hardware 3d rendering, ...

However I don't see the two as strictly competing technologies. Html5 will no doubt take over the simpler tasks, being a platform for video and basic animations. Flash will stay and grow as the dominant RIA platform.

[mijav2]

@Hildron101010 Thanks for the video. But your love for html5 has clouded your judgement. Html5 is way slower than Flash. It is in fact way slower than the first version of Flash. True that it doesn't require a plugin, but most browser have that plugin, on the other hand the support for html5 is still low.

Microsoft ditched Flash? Yes, but only to change to Silverlight which is again plugin based. Flash is here to stay and Adobe has already developed it to levels html5 might never reach.

[TheAlienpope]

@Hildron101010 oh right.. lol.. but u mean modern web browser i'm guessing (i have the newest version of chrome btw). but how do i acces the animator and stuff like that?

[TheAlienpope]

@stikanator html5

[teknonmedia]

Great video. Thanks.

[AdamantSystems]

@Hildron101010 I meant Flash, like the software. That people use. For animations, not others. That's how that's working for me.