Xerax Posted March 24, 2011 Share Posted March 24, 2011 So, HTML5 is the new craze, right? But i havn't found any documentation on how to use it :/ All i need todo is learn how to make a div, in effect, fly from off page onto the middle over a period of time. Anybody know anything? Link to comment Share on other sites More sharing options...
0 Passionate Posted March 24, 2011 Share Posted March 24, 2011 http://www.readwriteweb.com/archives/5_exciting_things_in_html_5.php may this wil help u Link to comment Share on other sites More sharing options...
0 Xerax Posted March 24, 2011 Author Share Posted March 24, 2011 http://www.readwriteweb.com/archives/5_exciting_things_in_html_5.php may this wil help u Sadly not. Nothing about animating. Link to comment Share on other sites More sharing options...
0 JTaylor69 Posted March 24, 2011 Share Posted March 24, 2011 Thanks for the link. I thought that HTML5 was going to be just for fancy effects and better video support, but I guess they've made some things easier. I did not know about the <nav> </nav> etc. until just now. Link to comment Share on other sites More sharing options...
0 Baines Posted March 24, 2011 Share Posted March 24, 2011 Animation is CSS3, not HTML5. Edit: This should help: http://css3.bradshawenterprises.com/ Xerax 1 Share Link to comment Share on other sites More sharing options...
0 CrispCreations Posted March 25, 2011 Share Posted March 25, 2011 Animation is CSS3, not HTML5. Edit: This should help: http://css3.bradshawenterprises.com/ I'd second that, and in addition, the w3c schools docs are a pretty good starting point... http://www.w3schools.com/css3/css3_animations.asp Xerax 1 Share Link to comment Share on other sites More sharing options...
0 andrew_f Posted March 25, 2011 Share Posted March 25, 2011 Yeah you need to be sure not to confuse the blanket term 'HTML5' with the HTML5 technology. There's also other W3C standards like SVG, CSS3 and then non-W3C things like WebGL and NativeClient that are broadly described as 'HTML5' - although I've always thought that 'the next web', 'web 3.0' or something would be better - if sickeningly cheesy. But yes, animation is the responsibility of CSS3. You can read the concepts of the standard here: http://www.w3.org/TR/css3-animations/ Webkit's blog has a couple of good guides too: http://www.webkit.org/blog/138/css-animation http://wwww.webkit.org/blog/324/css-animation-2/ Xerax and XP1 2 Share Link to comment Share on other sites More sharing options...
0 Xerax Posted March 25, 2011 Author Share Posted March 25, 2011 Ahhh. Thanks, i assumed it was HTML5 after all the IE9 "html5" hype, with the animated sites. Thanks for the links and clearing it up for me. +1. Link to comment Share on other sites More sharing options...
0 winlonghorn Posted April 3, 2011 Share Posted April 3, 2011 I'd second that, and in addition, the w3c schools docs are a pretty good starting point... http://www.w3schools.com/css3/css3_animations.asp I agree. Oh, here is a teaser for my upcoming weather app btw ;) It uses css3, HTML5 Geolocation, and Bing Maps functionality. :) Link to comment Share on other sites More sharing options...
0 OuchOfDeath Posted April 4, 2011 Share Posted April 4, 2011 Canvas is the "big" one when it comes to HTML5. It's what does all the fancy complex visuals you see in everything "HTML5". Not sure why nobody's mentioned it yet. Most of the experiments on this site use HTML5's canvas, and of course javascript for the actual code. http://www.chromeexperiments.com/ WebGL is also rendered on top of Canvas, as a btw. EDIT: This you'll like as well. As an actual HTML5 demo(using CSS3 for the layout transitions I believe), here's an overview of all the new things in HTML5, as well as all the other "umbrella" terms that go under HTML5 like WebGL as mentioned. https://mozillademos.org/demos/dashboard/demo.html Link to comment Share on other sites More sharing options...
0 The_Decryptor Veteran Posted April 4, 2011 Veteran Share Posted April 4, 2011 He's not talking about <canvas> though, he's talking about animating a <div> (JQuery would provide for a more consistent experience than CSS3 Animations) +Kyle 1 Share Link to comment Share on other sites More sharing options...
Question
Xerax
So, HTML5 is the new craze, right? But i havn't found any documentation on how to use it :/
All i need todo is learn how to make a div, in effect, fly from off page onto the middle over a period of time. Anybody know anything?
Link to comment
Share on other sites
10 answers to this question
Recommended Posts