Your SlideShare is downloading. ×
0
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

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

2,879

Published on

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

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
2,879
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
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

×