• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Building a better web with free, open technologies (no notes version)
 

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

on

  • 2,877 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
2,877
Views on SlideShare
2,875
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