HTML5 - Beyond the Hype - Adobe Usergroup feb 2011
0 likes582 views
Timan Rebel presents on HTML5. He discusses how HTML5 aims to simplify HTML and be backwards compatible. It introduces new semantic elements like <header>, <nav>, <article>, and <section>. HTML5 also brings multimedia capabilities through <video> and <audio> elements, as well as access to device sensors. While promising, HTML5 and CSS3 still have open issues regarding codec support and cross-browser compatibility. Overall, HTML5 looks to unify web development standards and support rich content and applications.
HTML5 - Beyond the Hype - Adobe Usergroup feb 2011
- 1. Mobypicture | HTML5 - AUG 2011 door Timan Rebel
- 2. Mobypicture | HTML5 - AUG 2011 door Timan Rebel
- 3. Mobypicture | HTML5 - AUG 2011 door Timan Rebel
- 4. HTML5 - Beyond the hype Timan Rebel CTO Mobypicture @timanrebel timan@mobypicture.com www.mobypicture.com Mobypicture | HTML5 - AUG 2011 door Timan Rebel
- 5. <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> Mobypicture | HTML5 - AUG 2011 door Timan Rebel
- 6. Mobypicture | HTML5 - AUG 2011 door Timan Rebel
- 7. "Despite the hype, the HTML5 specification isn't yet ready due to interoperability issues" Mobypicture | HTML5 - AUG 2011 door Timan Rebel
- 8. html5readiness.com Mobypicture | HTML5 - AUG 2011 door Timan Rebel
- 9. CSS 2.1 Candidate Recommendation 2009 Mobypicture | HTML5 - AUG 2011 door Timan Rebel
- 10. HTML5 Candidate Recommendation 2012 Mobypicture | HTML5 - AUG 2011 door Timan Rebel
- 11. Mobypicture | HTML5 - AUG 2011 door Timan Rebel
- 12. Sharing is part of everyday life Mobypicture | HTML5 - AUG 2011 door Timan Rebel
- 13. Mobypicture - share your adventures in the easiest, most convenient way Mobypicture | HTML5 - AUG 2011 door Timan Rebel
- 14. Shoot & Share realtime across ALL your social sites shoot photo add description record video add tag record audio push location Mobypicture | HTML5 - AUG 2011 door Timan Rebel
- 15. History of HTML5 Mobypicture | HTML5 - AUG 2011 door Timan Rebel
- 16. HTML 2.0 1995 HTML 3.2 1997 HTML 4.0 1997 HTML 4.01 1999 XHTML 1.0 2000 XHTML 1.1 2001 Mobypicture | HTML5 - AUG 2011 door Timan Rebel
- 17. XHTML eXtendible text/xml Mobypicture | HTML5 - AUG 2011 door Timan Rebel
- 18. XHTML 2 wasn’t going to be backwards compatible Mobypicture | HTML5 - AUG 2011 door Timan Rebel
- 19. Web Forms 2.0 and Web Apps 1.0 Mobypicture | HTML5 - AUG 2011 door Timan Rebel
- 20. HTML5 is very backwards compatible Mobypicture | HTML5 - AUG 2011 door Timan Rebel
- 21. lowercase / uppercase quoted / unquoted self-closing / not Mobypicture | HTML5 - AUG 2011 door Timan Rebel
- 22. <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> Mobypicture | HTML5 - AUG 2011 door Timan Rebel
- 23. <!DOCTYPE HTML> <HTML LANG="EN"> <HEAD> <META CHARSET="UTF-8"> Mobypicture | HTML5 - AUG 2011 door Timan Rebel
- 24. <!doctype html> <html lang=en> <head> <meta charset=utf-8 /> Mobypicture | HTML5 - AUG 2011 door Timan Rebel
- 25. HTML5 is simpler Mobypicture | HTML5 - AUG 2011 door Timan Rebel
- 26. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/ xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/ xhtml"> Mobypicture | HTML5 - AUG 2011 door Timan Rebel
- 27. <!doctype html> <html> Mobypicture | HTML5 - AUG 2011 door Timan Rebel
- 28. <!doctype html> <html> <head> <meta charset="utf-8"> <script src="site.js"> Mobypicture | HTML5 - AUG 2011 door Timan Rebel
- 29. <!doctype html> Mobypicture | HTML5 - AUG 2011 door Timan Rebel
- 30. Mobypicture | HTML5 - AUG 2011 door Timan Rebel
- 31. Mobypicture | HTML5 - AUG 2011 door Timan Rebel
- 32. Please read: A personal appeal from Mobypicture founder Mathys van Abbe Mobypicture | HTML5 - AUG 2011 door Timan Rebel
- 33. Mobypicture | HTML5 - AUG 2011 door Timan Rebel Flickr: >fiasco
- 34. Mobypicture | HTML5 - AUG 2011 door Timan Rebel Flickr: Brandon Schaefer
- 35. Semantics Mobypicture | HTML5 - AUG 2011 door Timan Rebel
- 36. <header> <nav> <article> <aside> <section> <footer> Mobypicture | HTML5 - AUG 2011 door Timan Rebel
- 37. <h1>Top Level Heading</h1> <section> <h1>Second Level Heading</h1> <p>this is text in a section</p> <section> <h1>Third Level Heading</h1> </section> </section> Mobypicture | HTML5 - AUG 2011 door Timan Rebel
- 38. Device Access Mobypicture | HTML5 - AUG 2011 door Timan Rebel
- 39. Mobypicture | HTML5 - AUG 2011 door Timan Rebel
- 40. Mobypicture | HTML5 - AUG 2011 door Timan Rebel
- 41. Multimedia Mobypicture | HTML5 - AUG 2011 door Timan Rebel
- 42. <video src="myvideo.mp4" controls> </video> Mobypicture | HTML5 - AUG 2011 door Timan Rebel
- 43. Codecs :-( Mobypicture | HTML5 - AUG 2011 door Timan Rebel
- 44. <video controls> <source src="pr6.mp4" type='video/mp4'> <source src="pr6.webm" type='video/webm'> <source src="pr6.ogv" type='video/ogg'> </video> Mobypicture | HTML5 - AUG 2011 door Timan Rebel
- 45. MeFeedia Reports 63 Percent Of Web Video Is HTML5-Friendly Mobypicture | HTML5 - AUG 2011 door Timan Rebel
- 46. 3D, Graphics & Effects Mobypicture | HTML5 - AUG 2011 door Timan Rebel
- 47. Quake2 Mobypicture | HTML5 - AUG 2011 door Timan Rebel
- 48. Connectivity Mobypicture | HTML5 - AUG 2011 door Timan Rebel
- 49. Offline & Storage Mobypicture | HTML5 - AUG 2011 door Timan Rebel
- 50. CSS3 & Styling Mobypicture | HTML5 - AUG 2011 door Timan Rebel
- 51. CSS3? Mobypicture | HTML5 - AUG 2011 door Timan Rebel
- 52. iscss3partofhtml5.com Mobypicture | HTML5 - AUG 2011 door Timan Rebel
- 53. Mobypicture | HTML5 - AUG 2011 door Timan Rebel
- 54. Thank you Mobypicture | HTML5 - AUG 2011 door Timan Rebel
- 55. @timanrebel timan@mobypicture.com Mobypicture | HTML5 - AUG 2011 door Timan Rebel 55
Editor's Notes
- #2: \n
- #3: \n
- #4: \n
- #5: \n
- #6: \n
- #7: \n
- #8: \n
- #9: \n
- #10: \n
- #11: \n
- #12: \n
- #13: \n
- #14: \n
- #15: \n
- #16: \n
- #17: \n
- #18: \n
- #19: \n
- #20: \n
- #21: \n
- #22: \n
- #23: \n
- #24: \n
- #25: \n
- #26: \n
- #27: \n
- #28: \n
- #29: \n
- #30: \n
- #31: \n
- #32: \n
- #33: \n
- #34: \n
- #35: \n
- #36: \n
- #37: \n
- #38: \n
- #39: \n
- #40: \n
- #41: \n
- #42: \n
- #43: \n
- #44: \n
- #45: \n
- #46: \n
- #47: \n
- #48: \n
- #49: \n
- #50: \n
- #51: \n
- #52: \n
- #53: \n
- #54: \n
- #55: \n
- #56: \n
- #57: \n
- #58: \n