Successfully reported this slideshow.

HTML5 and the web of tomorrow!

25

Share

Upcoming SlideShare
An Introduction To HTML5
An Introduction To HTML5
Loading in …3
×
1 of 95
1 of 95

HTML5 and the web of tomorrow!

25

Share

Download to read offline

Description

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.

Transcript

  1. HTML5 and the web of tomorrow! Christian Heilmann, Mozilla, Web2Day, Nantes, France, June 2011
  2. Let’s take a look at the web...
  3. Where is the magic?
  4. 6.5 minutes = 45,000 pictures HTML4
  5. Good enough?
  6. Extending browsers
  7. NIH http://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.net http://wheelsofsteel.net
  17. You can be part of this!
  18. NIH http://en.wikipedia.org/wiki/Not_Invented_Here
  19. Things that make me happy!
  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. in 3D
  36. WebGL http://bodybrowser.googlelabs.com
  37. WebGL http://pepetz.com
  38. http://ro.me
  39. http://wheelsofsteel.net http://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 in this 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

Description

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.

Transcript

  1. HTML5 and the web of tomorrow! Christian Heilmann, Mozilla, Web2Day, Nantes, France, June 2011
  2. Let’s take a look at the web...
  3. Where is the magic?
  4. 6.5 minutes = 45,000 pictures HTML4
  5. Good enough?
  6. Extending browsers
  7. NIH http://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.net http://wheelsofsteel.net
  17. You can be part of this!
  18. NIH http://en.wikipedia.org/wiki/Not_Invented_Here
  19. Things that make me happy!
  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. in 3D
  36. WebGL http://bodybrowser.googlelabs.com
  37. WebGL http://pepetz.com
  38. http://ro.me
  39. http://wheelsofsteel.net http://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 in this 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

More Related Content

Related Audiobooks

Free with a 30 day trial from Scribd

See all

×