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

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.

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 oﬄine storage

SVG and Canvas http://mbostock.github.com/d3/

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

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

by Christian Heilmann on Mar 20, 2011

Accessibility

Categories

Tags

Upload Details

Usage Rights

2 Embeds 2

Statistics

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

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