MOBILE HTML5

20 downloads 6658 Views 13MB Size Report
Oct 10, 2011 ... Estelle Weyl. & Maximiliano Firtman. Mobile. HTML5 coming soon... also by @ ... why mobile html5? Wednesday ..... window.orientation.
Oct, 10th, 2011 Aarhus, Denmark

MOBILE HTML5 Max Firtman @firt mobile+web developer

Wednesday, October 12, 11

who am I? mobile+web developer mobilexweb.com blog

@firt Wednesday, October 12, 11

where?

Wednesday, October 12, 11

where? buenos aires ~ argentina

Wednesday, October 12, 11

where? buenos aires ~ argentina patagonia football meat & wine tango Wednesday, October 12, 11

books

Image from my house Wednesday, October 12, 11

Wednesday, October 12, 11

Using the Latest Today

Mobile HTML5 Estelle Weyl & Maximiliano Firtman

Wednesday, October 12, 11

coming soon... also by @estellevw

Wednesday, October 12, 11

native vs web

Wednesday, October 12, 11

WAIT!

Wednesday, October 12, 11

Are you sure?

Wednesday, October 12, 11

native code vs javascript

Wednesday, October 12, 11

browser vs installed apps & stores

Wednesday, October 12, 11

what is native?

Wednesday, October 12, 11

what is a webapp?

Wednesday, October 12, 11

Wednesday, October 12, 11

Are you sure?

Photo by Ricky David (Flickr) Wednesday, October 12, 11

What is

Wednesday, October 12, 11

?

html5

Wednesday, October 12, 11

html5 ‣

Wednesday, October 12, 11

w3c standards (all in draft)

html5 w3c standards (all in draft) ‣ some are other w3c standards ‣

Wednesday, October 12, 11

html5 w3c standards (all in draft) ‣ some are other w3c standards ‣ de-facto standards ‣

Wednesday, October 12, 11

html5 w3c standards (all in draft) ‣ some are other w3c standards ‣ de-facto standards ‣ w3c ex-standards ‣

Wednesday, October 12, 11

html5 w3c standards (all in draft) ‣ some are other w3c standards ‣ de-facto standards ‣ w3c ex-standards ‣ everything “new” on the web ‣

Wednesday, October 12, 11

html version 5?

Wednesday, October 12, 11

why mobile html5?

Wednesday, October 12, 11

typeof html5 != boolean

Wednesday, October 12, 11

some features safe

Wednesday, October 12, 11

some features only on few platforms

Wednesday, October 12, 11

some features experimental

Wednesday, October 12, 11

Wednesday, October 12, 11

and what about capabilities today?

Wednesday, October 12, 11

Wednesday, October 12, 11

warning....

Wednesday, October 12, 11

new doctype

Wednesday, October 12, 11

new doctype ‣

Wednesday, October 12, 11



new doctype ‣ works on every mobile browser ‣

Wednesday, October 12, 11

new semantic tags

Wednesday, October 12, 11

new semantic tags ‣

Wednesday, October 12, 11

section, article, header, footer, nav

new semantic tags section, article, header, footer, nav ‣ time, mark, ... ‣

Wednesday, October 12, 11

new semantic tags section, article, header, footer, nav ‣ time, mark, ... ‣ works on every mobile browser ‣

Wednesday, October 12, 11

new form controls

HTML5 Wednesday, October 12, 11

2.2+ (b)

5.0+ (adv)

9.0 (basic)

10+ (med) 6.0+ (med)

new form controls ‣

variable support

HTML5 Wednesday, October 12, 11

2.2+ (b)

5.0+ (adv)

9.0 (basic)

10+ (med) 6.0+ (med)

new form controls variable support ‣ basic=different virtual keyboard ‣

HTML5 Wednesday, October 12, 11

2.2+ (b)

5.0+ (adv)

9.0 (basic)

10+ (med) 6.0+ (med)

new form controls variable support ‣ basic=different virtual keyboard ‣ medium=new date, number, range ‣

HTML5 Wednesday, October 12, 11

2.2+ (b)

5.0+ (adv)

9.0 (basic)

10+ (med) 6.0+ (med)

new form controls variable support ‣ basic=different virtual keyboard ‣ medium=new date, number, range ‣ advanced=datalist ‣

HTML5 Wednesday, October 12, 11

2.2+ (b)

5.0+ (adv)

9.0 (basic)

10+ (med) 6.0+ (med)

new form controls variable support ‣ basic=different virtual keyboard ‣ medium=new date, number, range ‣ advanced=datalist ‣ (some) allows validation and css3 pseudoclasses ‣

HTML5 Wednesday, October 12, 11

2.2+ (b)

5.0+ (adv)

9.0 (basic)

10+ (med) 6.0+ (med)

new form controls

Wednesday, October 12, 11

new form controls ‣

Wednesday, October 12, 11