HTML5  and the  web of tomorrow!
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

HTML5 and the web of tomorrow!

on

  • 15,105 views

Presentation at web2day in Nantes, France about the opportunities we have with HTML5 and how it means we move away from a static to an web of applications.

Presentation at web2day in Nantes, France about the opportunities we have with HTML5 and how it means we move away from a static to an web of applications.

Statistics

Views

Total Views
15,105
Views on SlideShare
14,240
Embed Views
865

Actions

Likes
21
Downloads
260
Comments
4

32 Embeds 865

http://madebymany.com 670
http://paper.li 50
http://digiconsult.fr 37
url_unknown 34
http://adamo.collected.info 11
http://everythingyoushouldnow.blogspot.com 7
http://charlesparent.net 7
http://twitter.com 6
http://us-w1.rockmelt.com 4
http://localhost:8888 4
http://www.slideshare.net 4
https://twitter.com 3
http://opinionseverywhere.blogspot.com 3
http://webducation20.blogspot.com 3
http://translate.googleusercontent.com 2
http://mj89sp3sau2k7lj1eg3k40hkeppguj6j-a-sites-opensocial.googleusercontent.com 2
http://everythingyoushouldnow.blogspot.mx 2
http://isabellopez22.blogspot.com 2
http://www.linkedin.com 1
http://opinionseverywhere.blogspot.com.br 1
http://opinionseverywhere.blogspot.com.es 1
http://nuevospowerpoints.blogspot.com 1
http://localhost 1
http://opinionseverywhere.blogspot.mx 1
http://webcache.googleusercontent.com 1
http://zoltan.gonye.hu 1
http://www.twylah.com 1
http://zootool.com 1
http://www.iweb34.com 1
http://192.168.56.3 1
http://betastudent.collected.info 1
http://flavors.me 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution-ShareAlike LicenseCC Attribution-ShareAlike License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

HTML5 and the web of tomorrow! Presentation Transcript

  • 1. HTML5 and the web of tomorrow!Christian Heilmann, Mozilla, Web2Day, Nantes, France, June 2011
  • 2. Let’s take a lookat the web...
  • 3. Where is themagic?
  • 4. 6.5 minutes = 45,000 picturesHTML4
  • 5. Good enough?
  • 6. Extendingbrowsers
  • 7. NIHhttp://www.flickr.com/photos/tillwe/1526490488/http://www.flickr.com/photos/london/51301816/ Paving the road http://en.wikipedia.org/wiki/Not_Invented_Here
  • 8. Screencast of Nikebetterworld http://nikebetterworld.com/
  • 9. http://www.nissanusa.com/leaf-electric-car/index
  • 10. CMD+U(CTRL+U)
  • 11. Big players!
  • 12. http://www.20thingsilearned.com/
  • 13. http://www.htmlfivewow.com/
  • 14. http://www.youtube.com/watch?v=p92QfWOw88I
  • 15. http://forums.silverlight.net/forums/p/230502/562077.aspx
  • 16. http://wheelsofsteel.nethttp://wheelsofsteel.net
  • 17. You can be part of this!
  • 18. NIHhttp://en.wikipedia.org/wiki/Not_Invented_Here
  • 19. Things that make mehappy!
  • 20. <sec tion > <n <asid av> <hea e> < <art der> hgro icle><ma <foo up> rk> < ter> deta <tim <figc ils> < e> aptio figur n> .. e> .
  • 21. File APIs http://min.us
  • 22. Mediaqueries http://jasonweaver.name
  • 23. Multimedia in HTML<video src="interview.ogv" controls> <a href="interview.ogv">Download video</a></video>
  • 24. http://www.w3.org/2010/05/video/mediaevents.html
  • 25. HTML5 Video + Canvas http://thisshell.com
  • 26. History pushstate http://github.com
  • 27. SVG http://mbostock.github.com/d3/
  • 28. http://highcharts.com
  • 29. Local Storage http://www.flickr.com/photos/blude/2665906010/
  • 30. Offline
  • 31. CSS3
  • 32. Geolocation
  • 33. Web Sockets
  • 34. 2D is boring!
  • 35. in3D
  • 36. WebGL http://bodybrowser.googlelabs.com
  • 37. WebGL http://pepetz.com
  • 38. http://ro.me
  • 39. http://wheelsofsteel.nethttp://www.schillmania.com/content/entries/2011/wheels-of-steel/
  • 40. CSS3 animation + JS http://benthebodyguard.com
  • 41. https://demos.mozilla.org/en-US/#holo-mobile
  • 42. How can you take part inthis ride?
  • 43. Demand change!
  • 44. Internet Explorer 6...
  • 45. http://html5forxp.com
  • 46. Support open video!
  • 47. http://youtube.com/html5
  • 48. HTML5 Video, simple!
  • 49. http://butterapp.org | http://popcorn.js
  • 50. Start from a solid baseline.
  • 51. http://html5boilerplate.com/
  • 52. http://www.modernizr.com/
  • 53. https://build.phonegap.com/
  • 54. Use good tools!
  • 55. http://www.aloha-editor.org
  • 56. http://butterapp.org | http://popcorn.js http://www.aviary.com/html5editor
  • 57. http://scribd.com
  • 58. http://slideshare.net
  • 59. http://animatable.com
  • 60. http://animatable.com
  • 61. Learn and discuss!
  • 62. http://diveintohtml5.org/
  • 63. http://html5doctor.com/
  • 64. http://www.whatwg.org/mailing-list
  • 65. http://webowonder.org
  • 66. Merci!Chris Heilmann @codepo8 #mozilla#html5/freenet