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

  • 2,796 views
Uploaded on

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

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

More in: Education
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
2,796
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
32
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

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