Downloaded 32 times
Uploaded byChristian Heilmann
Building a better web with free, open technologies (no notes version)
Chris Heilmann gave a presentation about building a better web using open technologies like HTML5. He discussed new HTML5 features such as geolocation, local storage, SVG, Canvas, and video/audio. He provided many examples and resources for learning about and using these new technologies. He encouraged attendees to jump in and use the full capabilities of HTML5 to create the best user experiences and attract talent, while acknowledging there will still be challenges to overcome.
More Related Content
Similar to Building a better web with free, open technologies (no notes version)
Building a better web with free, open technologies (no notes version)
- 1. Building a betterweb 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.
- 7. A chance toshine.
- 8. A chance toshine.
- 11. So what doesthat have to do with this conference?
- 12. Using new andcool things should not need any marketing...
- 14. Just jump inand join the ride!
- 15. Aim for thelong goal...
- 16. HTML CSS JavaScript
- 17. Use the wholestack
- 18. Semantic HTML andForms
- 19.
- 20. Local and offlinestorage
- 21. SVG and Canvas http://mbostock.github.com/d3/
- 22.
- 23. HTML5 Video andAudio http://isithackday.com/spirit-of-indiana/
- 24.
- 25.
- 26. http://people.mozilla.com/~prouget/demos/ DynamicContentInjection/play.xhtml
- 28.
- 29.
- 30. Be greedy andaim for the best experience.
- 31.
- 32.
- 33.
- 34.
- 35.
- 36. rough the lookingglass...
- 37.
- 38.
- 39. Give your techpeople a voice
- 40. Of course thereare problems!
- 41.
- 42. Embedding audio andvideo should be easy in HTML5: <video src="interview.ogv" controls> <a href="interview.ogv">Download the video</a> </video>
- 43. To make allcapable 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 expecteverybody to have the newest browsers.
- 45. Use things tohelp you out
- 46.
- 48.
- 49.
- 50.
- 51.
- 52. Where there isa need, there is an opportunity for a business. http://vid.ly - invite code HNY2011
- 54.
- 55.
- 56. Be part ofthe evolution
- 57.
- 58. http://butterapp.org | http://popcorn.js http://www.aviary.com/html5editor
- 59.
- 60.
- 61.
- 62. Don’t pretend newtech doesn’t involve you.
- 63. Let’s work togetheron this!
- 64. Ready? Let’s rock’n’roll. Youknow - for a better web!
- 65. anks! Chris Heilmann @codepo8 #mozilla #html5/freenet