39
Hands on HTML5 Web 2.0 Expo SF 2010 Dion Almaer, Ben Galbraith, Joshua Marinacci, Ernest Delgado

Hands on HTML5 @ Web 2.0 Expo SF 2010

  • Upload
    dion

  • View
    2.926

  • Download
    2

Embed Size (px)

DESCRIPTION

Dion, Ben, Josh, and Ernest held a 3 hour tutorial on HTML5. These are some of the slides... and we went deep into http://apirocks.com/html5/html5.html also. Some URLs from the presentation: Blow up video: http://craftymind.com/factory/html5video/CanvasVideo.html Audio Data API: http://vimeo.com/11355121 Ambilight: http://media.chikuyonok.ru/ambilight/ Video viewer: http://jilion.com/sublime/video Snow Stack: http://www.satine.org/research/webkit/snowleopard/snowstack.html CSS Movie: http://www.tylergaw.com/lab/themanfromhollywood Every Time Zone: http://everytimezone.com Quake2: http://ajaxian.com/archives/gwt-quake Aves Game Engine: http://ajaxian.com/archives/aves-game-engine Mozilla Content Injection awesomeness by Paul: http://bit.ly/contentinjection HTML5 / CSS3 Readiness http://html5readiness.com/

Citation preview

Page 1: Hands on HTML5 @ Web 2.0 Expo SF 2010

Hands on HTML5Web 2.0 Expo SF 2010

Dion Almaer, Ben Galbraith,Joshua Marinacci, Ernest Delgado

Page 2: Hands on HTML5 @ Web 2.0 Expo SF 2010
Page 3: Hands on HTML5 @ Web 2.0 Expo SF 2010
Page 4: Hands on HTML5 @ Web 2.0 Expo SF 2010

HTML5

Powered by Web 2.0!

Page 5: Hands on HTML5 @ Web 2.0 Expo SF 2010

> HTML 4.01

The W3C / WHATWG HTML5 Specification

Page 6: Hands on HTML5 @ Web 2.0 Expo SF 2010
Page 7: Hands on HTML5 @ Web 2.0 Expo SF 2010
Page 8: Hands on HTML5 @ Web 2.0 Expo SF 2010
Page 9: Hands on HTML5 @ Web 2.0 Expo SF 2010
Page 10: Hands on HTML5 @ Web 2.0 Expo SF 2010

Text

Page 11: Hands on HTML5 @ Web 2.0 Expo SF 2010
Page 12: Hands on HTML5 @ Web 2.0 Expo SF 2010
Page 13: Hands on HTML5 @ Web 2.0 Expo SF 2010
Page 14: Hands on HTML5 @ Web 2.0 Expo SF 2010
Page 16: Hands on HTML5 @ Web 2.0 Expo SF 2010
Page 17: Hands on HTML5 @ Web 2.0 Expo SF 2010
Page 21: Hands on HTML5 @ Web 2.0 Expo SF 2010

Chrome’s V8 Safari’s SquirrelFish Extreme Firefox’s TraceMonkey Opera's Carakan

2.0 1.01.0 Alpha

100x

Page 22: Hands on HTML5 @ Web 2.0 Expo SF 2010

User Interface

BackgroundThread

2X

Browser

1

Web Workers

Page 23: Hands on HTML5 @ Web 2.0 Expo SF 2010
Page 24: Hands on HTML5 @ Web 2.0 Expo SF 2010

Fluid

Appcelerator Titanium

PhoneGap

Palm webOS

Page 25: Hands on HTML5 @ Web 2.0 Expo SF 2010
Page 26: Hands on HTML5 @ Web 2.0 Expo SF 2010
Page 28: Hands on HTML5 @ Web 2.0 Expo SF 2010
Page 29: Hands on HTML5 @ Web 2.0 Expo SF 2010
Page 30: Hands on HTML5 @ Web 2.0 Expo SF 2010
Page 31: Hands on HTML5 @ Web 2.0 Expo SF 2010
Page 32: Hands on HTML5 @ Web 2.0 Expo SF 2010
Page 33: Hands on HTML5 @ Web 2.0 Expo SF 2010
Page 34: Hands on HTML5 @ Web 2.0 Expo SF 2010
Page 35: Hands on HTML5 @ Web 2.0 Expo SF 2010
Page 36: Hands on HTML5 @ Web 2.0 Expo SF 2010

craigslist

Page 37: Hands on HTML5 @ Web 2.0 Expo SF 2010
Page 38: Hands on HTML5 @ Web 2.0 Expo SF 2010

Apple

Nokia

Palm

Sony

RIMHTC

LG Motorola

Page 39: Hands on HTML5 @ Web 2.0 Expo SF 2010

1,500,000,000+