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

1. Building a better web with
open, new technologies.
Chris Heilmann - Login, Lithuania , March 2011

2. Hello there...
Chris Heilmann
@codepo8
hacks.mozilla.org
wait-till-i.com
#html5

4. Norville Barnes,
Entrepreneur
...stuck in a bad
place...

5. Main pitch:
“You know, for kids!”

6. Change in
management

7. A chance to shine.

8. A chance to shine.

11. So what does that have to do with this
conference?

12. Using new and cool things should not
need any marketing...

14. Just jump in and join the ride!

15. Aim for the long goal...

16. HTML
CSS
JavaScript

17. Use the whole stack

18. Semantic HTML and Forms

19. Geolocation

20. Local and offline storage

21. SVG and Canvas
http://mbostock.github.com/d3/

22. CSS3

23. HTML5 Video and Audio
http://isithackday.com/spirit-of-indiana/

24. https://github.com/codepo8/Syncing-Video

25. http://isithackday.com/mit/transforming-video.html

26. http://people.mozilla.com/~prouget/demos/
DynamicContentInjection/play.xhtml

28. http://bodybrowser.googlelabs.com

29. Messaging and Workers

30. Be greedy and aim for the best
experience.

31. http://www.beautyoftheweb.com

32. http://www.20thingsilearned.com/

33. http://www.nissanusa.com/leaf-electric-car/index

34. http://nikebetterworld.com/
Screencast of Nikebetterworld

35. http://webowonder.org

36. rough the looking glass...

37. Debugging is simple...

38. Attracting talent...

39. Give your tech people a voice

40. Of course there are problems!

41. Not everything will t.

42. Embedding audio and video should be
easy in HTML5:
<video src="interview.ogv" controls>
<a href="interview.ogv">Download the video</a>
</video>

43. To make all capable browsers play the
video 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>

44. You can’t expect everybody to have the
newest browsers.

45. Use things to help you out

46. http://www.whatwg.org/mailing-list

48. http://html5doctor.com

49. http://diveintohtml5.org/

50. http://www.modernizr.com/

51. http://html5boilerplate.com/

52. Where there is a need, there is an
opportunity for a business.
http://vid.ly - invite code HNY2011

54. http://appmator.appspot.com

55. https://build.phonegap.com/

56. Be part of the evolution

57. http://butterapp.org | http://popcorn.js

58. http://butterapp.org | http://popcorn.js
http://www.aviary.com/html5editor

59. http://scribd.com

60. http://diagramo.com/

61. http://slideshare.net

62. Don’t pretend new tech doesn’t involve
you.

63. Let’s work together on this!

64. Ready? Let’s rock’n’roll.
You know - for a better web!

65. anks!
Chris Heilmann
@codepo8
#mozilla
#html5/freenet