NEW CAPABILITIES OF HTML5 BROWSERS CODE APP 0856 #QConLondon - - - PowerPoint PPT Presentation

▶

Apr 13, 2023 347 likes •1.48k views

Max Firtman @firt NEW CAPABILITIES OF HTML5 BROWSERS CODE APP 0856 #QConLondon - March, 7th, 2013 Thursday, March 7, 13 who? @firt mobile+web developer Thursday, March 7, 13 where? Thursday, March 7, 13 Thursday, March 7, 13 Image from

SLIDE 1

Max Firtman @firt

NEW CAPABILITIES OF HTML5 BROWSERS CODE APP 0856

#QConLondon - March, 7th, 2013

Thursday, March 7, 13

SLIDE 2

mobile+web developer

who?

@firt

Thursday, March 7, 13

SLIDE 3

where?

Thursday, March 7, 13

SLIDE 4 Thursday, March 7, 13

SLIDE 5 Image from my house Thursday, March 7, 13

SLIDE 6 Thursday, March 7, 13

SLIDE 7 Thursday, March 7, 13

SLIDE 8 Thursday, March 7, 13

SLIDE 9 Thursday, March 7, 13

SLIDE 10

we’ll talk about html5

1- What we can do 2- Web Platforms for 2013 3- Compatibility 4- Tools and solutions 5- New capabilities

Thursday, March 7, 13

SLIDE 11

mobile

Thursday, March 7, 13

SLIDE 12

mobile

1- websites 2- apps

Thursday, March 7, 13

SLIDE 13 Thursday, March 7, 13

SLIDE 14

mobile

1- websites 2- apps

Thursday, March 7, 13

SLIDE 15

mobile

1- websites 2- apps

Thursday, March 7, 13

SLIDE 16

with html5 we can create...

Thursday, March 7, 13

SLIDE 17

we can create

1- websites

Thursday, March 7, 13

SLIDE 18

Using the browser URL Web Server

1- websites

we can create

Thursday, March 7, 13

SLIDE 19

we can create

2- webapps

Thursday, March 7, 13

SLIDE 20

Browser to install Full-screen Icon on home screen Web Server

2- webapps

we can create

Thursday, March 7, 13

SLIDE 21

full screen webapps home screen webapps

webapps are also known as

( )

Thursday, March 7, 13

SLIDE 22

we can create

3- native webapps

Thursday, March 7, 13

SLIDE 23

Package, compile, sign Icon on home screen App Store No web server

3- native webapps

we can create

Thursday, March 7, 13

SLIDE 24

hybrid apps packaged webapps

native webapps are also known as

( )

Thursday, March 7, 13

SLIDE 25

mobile

1- websites 2- apps

Thursday, March 7, 13

SLIDE 26

a- native b- webapps c- native webapps

mobile

1- websites 2- apps

Thursday, March 7, 13

SLIDE 27

web platforms

Thursday, March 7, 13

SLIDE 28

How many browsers do you know on desktop?

web platforms

Thursday, March 7, 13

SLIDE 29

5

web platforms

Thursday, March 7, 13

SLIDE 30

How many browsers do you know on mobile?

web platforms

Thursday, March 7, 13

SLIDE 31

...

web platforms

Thursday, March 7, 13

SLIDE 32 Thursday, March 7, 13

SLIDE 33

Android Browser

Thursday, March 7, 13

SLIDE 34

Android Browser 2.2

Thursday, March 7, 13

SLIDE 35

Android Browser 2.3

Thursday, March 7, 13

SLIDE 36

Android Browser 4.x

Thursday, March 7, 13

SLIDE 37

Did I mention it is NOT Google Chrome?

( )

Thursday, March 7, 13

SLIDE 38

Google Chrome

Thursday, March 7, 13

SLIDE 39

Google Chrome Android

Thursday, March 7, 13

SLIDE 40

Google Chrome iOS

Thursday, March 7, 13

SLIDE 41

Safari on iOS

Thursday, March 7, 13

SLIDE 42

Opera

Thursday, March 7, 13

SLIDE 43

Opera Mobile

Thursday, March 7, 13

SLIDE 44

Opera Mini

Thursday, March 7, 13

SLIDE 45

Opera for Android

Thursday, March 7, 13

SLIDE 46

Firefox

Thursday, March 7, 13

SLIDE 47

Firefox OS

Thursday, March 7, 13

SLIDE 48

Internet Explorer

Thursday, March 7, 13

SLIDE 49

BlackBerry Browser 5-7.x

Thursday, March 7, 13

SLIDE 50

BlackBerry Browser 5-7.x

Thursday, March 7, 13

SLIDE 51

BlackBerry Browser PB

Thursday, March 7, 13

SLIDE 52

BlackBerry Browser BB10

Thursday, March 7, 13

SLIDE 53

Nokia Browser

Thursday, March 7, 13

SLIDE 54

Nokia Browser Symbian

Thursday, March 7, 13

SLIDE 55

Nokia Browser MeeGo

Thursday, March 7, 13

SLIDE 56

Nokia Browser Series 40

Thursday, March 7, 13

SLIDE 57

Silk

Thursday, March 7, 13

SLIDE 58

UC Web

Thursday, March 7, 13

SLIDE 59

Dolfin

Thursday, March 7, 13

SLIDE 60

should I continue?

( )

Thursday, March 7, 13

SLIDE 61

And it’s not just browsers!

web platforms

Thursday, March 7, 13

SLIDE 62

Web View

web platforms

Thursday, March 7, 13

SLIDE 63

Web View

web platforms

Thursday, March 7, 13

SLIDE 64

Web View

web platforms

Thursday, March 7, 13

SLIDE 65

Web View

web platforms

Thursday, March 7, 13

SLIDE 66 Thursday, March 7, 13

SLIDE 67

web platforms

too many
different versions
different scenarios
not just the browser

Thursday, March 7, 13

SLIDE 68

html5

Thursday, March 7, 13

SLIDE 69 Thursday, March 7, 13

SLIDE 70

typeof html5 != boolean

Thursday, March 7, 13

SLIDE 71 Thursday, March 7, 13

SLIDE 72 Thursday, March 7, 13

SLIDE 73

QQVGA QVGA WQVGA FWQVGA LQVGA HVGA nHD FWXGA Sq.HD XGA WXGA WUXGA QXGA WQXGA WVGA FWVGA VGA DVGA WDVGA QHD WSVGA HD

Thursday, March 7, 13

SLIDE 74 Thursday, March 7, 13

SLIDE 75

html5

Some features

safe
experimental
with prefixes

Thursday, March 7, 13

SLIDE 76

help me!

Thursday, March 7, 13

SLIDE 77

New tools

help me!

Thursday, March 7, 13

SLIDE 78

New tools

help me!

Remote debugging

Thursday, March 7, 13

SLIDE 79

New tools

help me!

Emulators

Thursday, March 7, 13

SLIDE 80

Best Practices

help me!

Thursday, March 7, 13

SLIDE 81

Best Practices

help me!

Responsive web design

Thursday, March 7, 13

SLIDE 82

Best Practices

help me!

Progressive enhancement

Thursday, March 7, 13

SLIDE 83 Thursday, March 7, 13

SLIDE 84

Hey you!

I don’t have an Android or iPhone

Thursday, March 7, 13

SLIDE 85

Best Practices

help me!

Don’t use device detection

Thursday, March 7, 13

SLIDE 86 Thursday, March 7, 13

SLIDE 87

help me!

New tools Best Practices

Thursday, March 7, 13

SLIDE 88

architecture

Thursday, March 7, 13

SLIDE 89 Thursday, March 7, 13

SLIDE 90 Thursday, March 7, 13

SLIDE 91 Thursday, March 7, 13

SLIDE 92 Thursday, March 7, 13

SLIDE 93

new api demos

Thursday, March 7, 13

SLIDE 94 Thursday, March 7, 13

SLIDE 95

for the near future

Thursday, March 7, 13

SLIDE 96

New platforms

near future

Thursday, March 7, 13

SLIDE 97

New platforms

help me!

Firefox OS

Thursday, March 7, 13

SLIDE 98

New platforms

help me!

BlackBerry 10

Thursday, March 7, 13

SLIDE 99

New platforms

help me!

Tizen

Thursday, March 7, 13

SLIDE 100

New platforms

help me!

Ubuntu for Phones

Thursday, March 7, 13

SLIDE 101

New platforms

help me!

Chrome apps for Android

Thursday, March 7, 13

SLIDE 102

New platforms

help me!

Windows 8

Thursday, March 7, 13

SLIDE 103

New APIs

near future

Thursday, March 7, 13

SLIDE 104

New APIs

help me!

More webapp platforms

Thursday, March 7, 13

SLIDE 105

New APIs

help me!

Web RTC

Thursday, March 7, 13

SLIDE 106

New APIs

help me!

Speech

Thursday, March 7, 13

SLIDE 107

New APIs

help me!

WebNFC

Thursday, March 7, 13

SLIDE 108

New APIs

help me!

Web Push Notifications

Thursday, March 7, 13

SLIDE 109

New APIs

help me!

More hardware access

Thursday, March 7, 13

SLIDE 110

wrapping up

Thursday, March 7, 13

SLIDE 111

wrapping up

html5 is not just about websites
html5 is not boolean
Too many platforms
New tools and Best practices
New capabilities are there

Thursday, March 7, 13

SLIDE 112

you can reach a good experience

Pictures)from)freedigitalphotos.net)

thank you!

firt.mobi firtman@gmail.com @firt www.mobilexweb.com

Thursday, March 7, 13