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

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

on

  • 3,006 views

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

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

Statistics

Views

Total Views
3,006
Views on SlideShare
3,004
Embed Views
2

Actions

Likes
0
Downloads
30
Comments
0

2 Embeds 2

http://icant.co.uk 1
http://localhost.web2py.es:81 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution-ShareAlike LicenseCC Attribution-ShareAlike License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

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

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