Hands-On HTML 5 Paper

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

description

Dion Almaer (Palm, Inc. ), Ernest Delgado (Google, Inc.), Ben Galbraith (Palm, Inc. ), Joshua Marinacci (Palm Inc.) The Ajax revolution saw a sea change in web application development. By taking advantage of long-dormant browser capabilities, we were able to take our craft to new levels with HTML5—reinventing well-established genres, challenging desktop applications, and jump-starting a renaissance in web start-ups. This workshop will go through the new capabilities in HTML5 and show you how to build amazing applications today.

Transcript of Hands-On HTML 5 Paper

Page 1: Hands-On HTML 5 Paper

Hands on HTML5Web 2.0 Expo SF 2010

Dion Almaer, Ben Galbraith,Joshua Marinacci, Ernest Delgado

Page 2: Hands-On HTML 5 Paper
Page 3: Hands-On HTML 5 Paper
Page 4: Hands-On HTML 5 Paper

HTML5

Powered by Web 2.0!

Page 5: Hands-On HTML 5 Paper

> HTML 4.01

The W3C / WHATWG HTML5 Specification

Page 6: Hands-On HTML 5 Paper
Page 7: Hands-On HTML 5 Paper
Page 8: Hands-On HTML 5 Paper
Page 9: Hands-On HTML 5 Paper
Page 10: Hands-On HTML 5 Paper

Text

Page 11: Hands-On HTML 5 Paper
Page 12: Hands-On HTML 5 Paper
Page 13: Hands-On HTML 5 Paper
Page 14: Hands-On HTML 5 Paper
Page 15: Hands-On HTML 5 Paper

http://www.tylergaw.com/lab/themanfromhollywood

http://www.tylergaw.com/lab/themanfromhollywood/
http://www.tylergaw.com/lab/themanfromhollywood/
Page 16: Hands-On HTML 5 Paper
Page 17: Hands-On HTML 5 Paper
Page 18: Hands-On HTML 5 Paper

http://ajaxian.com/archives/gwt-quake

http://ajaxian.com/archives/gwt-quake
http://ajaxian.com/archives/gwt-quake
Page 19: Hands-On HTML 5 Paper

http://ajaxian.com/archives/aves-game-engine

http://ajaxian.com/archives/aves-game-engine
http://ajaxian.com/archives/aves-game-engine
Page 20: Hands-On HTML 5 Paper

http://bit.ly/contentinjection

http://ajaxian.com/archives/dynamic-content-injection-with-html5-canvas-and-video
http://ajaxian.com/archives/dynamic-content-injection-with-html5-canvas-and-video
Page 21: Hands-On HTML 5 Paper

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

2.0 1.01.0 Alpha

100x

Page 22: Hands-On HTML 5 Paper

User Interface

BackgroundThread

2XBrowser

1

Web Workers

Page 23: Hands-On HTML 5 Paper
Page 24: Hands-On HTML 5 Paper

Fluid

Appcelerator Titanium

PhoneGap

Palm webOS

Page 25: Hands-On HTML 5 Paper
Page 26: Hands-On HTML 5 Paper
Page 27: Hands-On HTML 5 Paper

http://html5readiness.com/

http://ajaxian.com/archives/dynamic-content-injection-with-html5-canvas-and-video
http://ajaxian.com/archives/dynamic-content-injection-with-html5-canvas-and-video
Page 28: Hands-On HTML 5 Paper
Page 29: Hands-On HTML 5 Paper
Page 30: Hands-On HTML 5 Paper
Page 31: Hands-On HTML 5 Paper
Page 32: Hands-On HTML 5 Paper
Page 33: Hands-On HTML 5 Paper
Page 34: Hands-On HTML 5 Paper
Page 35: Hands-On HTML 5 Paper
Page 36: Hands-On HTML 5 Paper

craigslist

Page 37: Hands-On HTML 5 Paper
Page 38: Hands-On HTML 5 Paper

Apple

Nokia

Palm

Sony

RIMHTC

LG Motorola

Page 39: Hands-On HTML 5 Paper

1,500,000,000+


Paper 1673-2014 Enhance the SAS® ODS HTML Output with ... · Paper 1673-2014 Enhance the SAS® ... ODS HTML CLOSE; ... the final HTML output has 1000 items which can be drilled down,

Paper 1673-2014 Enhance the SAS® ODS HTML Output with ... · Paper 1673-2014 Enhance the SAS® ... ODS HTML CLOSE; ... the final HTML output has 1000 items which can be drilled down,

Jet air dryers vs. paper towels - KCProfessional · Jet air dryers Paper towels Drying your hands with a paper towel can reduce bacteria on hands by up to 77%. The rubbing process

Jet air dryers vs. paper towels - KCProfessional · Jet air dryers Paper towels Drying your hands with a paper towel can reduce bacteria on hands by up to 77%. The rubbing process

Introduction to HTML. Topics HTML –What is HTML –Parts of an HTML Document –HTML Tags.

Introduction to HTML. Topics HTML –What is HTML –Parts of an HTML Document –HTML Tags.

White Paper for DFF in an HTML Form

White Paper for DFF in an HTML Form

AF_0201.html AF_0203.html

AF_0201.html AF_0203.html

HTML 5 Hands On By Rohit Ghatol rohitsghatol@gmail.com.

HTML 5 Hands On By Rohit Ghatol [email protected].

WASH Wet your hands. Rinse hands. YOUR Apply soap. Dry ... · hands for 20 seconds. Use the paper towel to turn off the tap. Title: Wash-Hands-template_1920x1080_2 Created Date: 4/2/2020

WASH Wet your hands. Rinse hands. YOUR Apply soap. Dry ... · hands for 20 seconds. Use the paper towel to turn off the tap. Title: Wash-Hands-template_1920x1080_2 Created Date: 4/2/2020

Hands On Beginning Python Paper 1 - Cdn.

Hands On Beginning Python Paper 1 - Cdn.

Introduction to Web & HTML. 2 Topics Web Terminology HTML What is HTML Parts of an HTML Document HTML Tags Required Common.

Introduction to Web & HTML. 2 Topics Web Terminology HTML What is HTML Parts of an HTML Document HTML Tags Required Common.

Hands-on Python Tutorial - Loyola University Chicago · •Flexible Search Engine built into the html version ... Hands-on Python Tutorial, ... Safari or Chrome browser.

Hands-on Python Tutorial - Loyola University Chicago · •Flexible Search Engine built into the html version ... Hands-on Python Tutorial, ... Safari or Chrome browser.

Here’s the Titlecse498/2011-01/schedules/all-hands-meetings/no… · Struts 2 Interceptors •Website Integration HTML / XML CSS Existing Java Utilities oAgencyInformationUtility,

Here’s the Titlecse498/2011-01/schedules/all-hands-meetings/no… · Struts 2 Interceptors •Website Integration HTML / XML CSS Existing Java Utilities oAgencyInformationUtility,

How to wash your hands · Swap hands. 3 Rub tips of nails against palm. Swap hands. 7 Rinse hands with water. 8 • Avoid shared towels. • Dry using paper towel. • Use paper towel

How to wash your hands · Swap hands. 3 Rub tips of nails against palm. Swap hands. 7 Rinse hands with water. 8 • Avoid shared towels. • Dry using paper towel. • Use paper towel

CIS 264 - ASP Tim Brown. .html www .html www .html www.

CIS 264 - ASP Tim Brown. .html www .html www .html www.

HTML part 2. HTML File Formats HTML 3.2 HTML 5.0 HTML 4.0.1 Transitional HTML 4.0.1 Frameset HTML 4.0.1 Strict XHTML 1.0 Transitional XHTML 1.0 Frameset.

HTML part 2. HTML File Formats HTML 3.2 HTML 5.0 HTML 4.0.1 Transitional HTML 4.0.1 Frameset HTML 4.0.1 Strict XHTML 1.0 Transitional XHTML 1.0 Frameset.

Web Application Development 1georgecorser.com/courses/cis255/slides/cis255_04c.pdf · HTML 5 Canvas HTML 5 SVG HTML 5 Google Maps HTML 5 Media HTML 5 Video HTML 5 Audio HTML 5 Plug-ins

Web Application Development 1georgecorser.com/courses/cis255/slides/cis255_04c.pdf · HTML 5 Canvas HTML 5 SVG HTML 5 Google Maps HTML 5 Media HTML 5 Video HTML 5 Audio HTML 5 Plug-ins

Create a Website Session I Key Components Hands-on HTML.

Create a Website Session I Key Components Hands-on HTML.

HTML Companion. Lecture Objectives Learn about HTML. Know basic HTML tags.

HTML Companion. Lecture Objectives Learn about HTML. Know basic HTML tags.

HTML BTEC National in Computing Section5. Create Information “HTML: defining HTML, discussing HTML uses and demonstrating HTML basics, HTML structure…..

HTML BTEC National in Computing Section5. Create Information “HTML: defining HTML, discussing HTML uses and demonstrating HTML basics, HTML structure…..

HTML. 2 Agenda Discussion of Lab1 HTML Origins HTML Standards HTML Syntax –Basics –Tables 2.

HTML. 2 Agenda Discussion of Lab1 HTML Origins HTML Standards HTML Syntax –Basics –Tables 2.

PAPER – IV INTERNET PROGRAMMINGnews.algacis.com/citm_uploads/INTERNET PROGRAMMING.pdf · PAPER – IV INTERNET PROGRAMMING UNIT – I Introduction to HTML/X-HTML: Documents types

PAPER – IV INTERNET PROGRAMMINGnews.algacis.com/citm_uploads/INTERNET PROGRAMMING.pdf · PAPER – IV INTERNET PROGRAMMING UNIT – I Introduction to HTML/X-HTML: Documents types