Building a better web with free, open technologies (no notes version)

3,063 views
2,963 views

Published on

Keynote at Login 2011 - this is the version without notes.

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
3,063
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
32
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Building a better web with free, open technologies (no notes version)

  1. 1. Building a better web withopen, new technologies.Chris Heilmann - Login, Lithuania , March 2011
  2. 2. Hello there... Chris Heilmann @codepo8 hacks.mozilla.org wait-till-i.com #html5
  3. 3. Norville Barnes, Entrepreneur...stuck in a badplace...
  4. 4. Main pitch:“You know, for kids!”
  5. 5. Change inmanagement
  6. 6. A chance to shine.
  7. 7. A chance to shine.
  8. 8. So what does that have to do with thisconference?
  9. 9. Using new and cool things should notneed any marketing...
  10. 10. Just jump in and join the ride!
  11. 11. Aim for the long goal...
  12. 12. HTML CSSJavaScript
  13. 13. Use the whole stack
  14. 14. Semantic HTML and Forms
  15. 15. Geolocation
  16. 16. Local and offline storage
  17. 17. SVG and Canvas http://mbostock.github.com/d3/
  18. 18. CSS3
  19. 19. HTML5 Video and Audio http://isithackday.com/spirit-of-indiana/
  20. 20. https://github.com/codepo8/Syncing-Video
  21. 21. http://isithackday.com/mit/transforming-video.html
  22. 22. http://people.mozilla.com/~prouget/demos/ DynamicContentInjection/play.xhtml
  23. 23. http://bodybrowser.googlelabs.com
  24. 24. Messaging and Workers
  25. 25. Be greedy and aim for the bestexperience.
  26. 26. http://www.beautyoftheweb.com
  27. 27. http://www.20thingsilearned.com/
  28. 28. http://www.nissanusa.com/leaf-electric-car/index
  29. 29. http://nikebetterworld.com/Screencast of Nikebetterworld
  30. 30. http://webowonder.org
  31. 31. rough the looking glass...
  32. 32. Debugging is simple...
  33. 33. Attracting talent...
  34. 34. Give your tech people a voice
  35. 35. Of course there are problems!
  36. 36. Not everything will t.
  37. 37. Embedding audio and video should beeasy in HTML5:<video src="interview.ogv" controls> <a href="interview.ogv">Download the video</a></video>
  38. 38. To make all capable browsers play thevideo we need...<video controls> <source src="interview.mp4" type="video/mp4"> </source> <source src="interview.webm" type="video/webm"> </source> <source src="interview.ogv" type="video/ogg"> </source> <p>Download the <a href="interview.mp4">video in MP4 format</a>. </p></video>
  39. 39. You can’t expect everybody to have thenewest browsers.
  40. 40. Use things to help you out
  41. 41. http://www.whatwg.org/mailing-list
  42. 42. http://html5doctor.com
  43. 43. http://diveintohtml5.org/
  44. 44. http://www.modernizr.com/
  45. 45. http://html5boilerplate.com/
  46. 46. Where there is a need, there is anopportunity for a business. http://vid.ly - invite code HNY2011
  47. 47. http://appmator.appspot.com
  48. 48. https://build.phonegap.com/
  49. 49. Be part of the evolution
  50. 50. http://butterapp.org | http://popcorn.js
  51. 51. http://butterapp.org | http://popcorn.js http://www.aviary.com/html5editor
  52. 52. http://scribd.com
  53. 53. http://diagramo.com/
  54. 54. http://slideshare.net
  55. 55. Don’t pretend new tech doesn’t involveyou.
  56. 56. Let’s work together on this!
  57. 57. Ready? Let’s rock’n’roll.You know - for a better web!
  58. 58. anks!Chris Heilmann @codepo8 #mozilla#html5/freenet

×