building native apps with html, css, and javascript · building native apps with html, css, and...

Post on 03-Jun-2020

28 Views

Category:

Documents

1 Downloads

Preview:

Click to see full reader

TRANSCRIPT

Building Native Apps with HTML, CSS, and JavaScript

Jonathan Stark

1Wednesday, May 4, 2011

Staggering Growth

2Wednesday, May 4, 2011

Everything is Up

• Average daily useage

• Mobile media usage

• Smartphone ownership

• 3G/4G subscribers

• % of smartphones vs dumfones

3Wednesday, May 4, 2011

5 Billion Subscriptionsup from 4.6B in 2009 and 726M in 2000

4Wednesday, May 4, 2011

Fragmentation

5Wednesday, May 4, 2011

Platform Fragmention

• iOS

• Android (Froyo, Gingerbread, Honeycomb)

• BlackBerry

• Windows Phone 7

• webOS

• (Symbian, MeeGo, bada, etc...)

6Wednesday, May 4, 2011

Device Fragmentation

• 68 Android handsets in the US alone

• 100+ tablets announced at CES

• Screen sizes range from postage stamp to big screen TV

• Screen resolution has become an issue

7Wednesday, May 4, 2011

Et tu, Apple?• iPhone 2G

• iPhone 3G

• iPhone 3GS

• iPhone 4

• iPod Touch 1st gen

• iPod Touch 2nd gen

• iPod Touch 3rd gen

• iPod Touch 4th gen

• iPad 1

• iPad 2

8Wednesday, May 4, 2011

Et tu, Apple?• Camera or not?

• Multitasking or not?

• 3G or not?

• GPS or not?

• Gyro or not?

• Screen size

• Pixel desnsity

• Storage capacity

• Memory limit

• Processor speed

9Wednesday, May 4, 2011

Hybrid Apps

10Wednesday, May 4, 2011

CSS3 Transforms, Transitions, & Animations

11Wednesday, May 4, 2011

demo

12Wednesday, May 4, 2011

jQTouch

13Wednesday, May 4, 2011

jQTouch

• Open source

• Created by @DavidKaneda

• jQuery plugin

• For small webkit devices

14Wednesday, May 4, 2011

demo

15Wednesday, May 4, 2011

PhoneGap

16Wednesday, May 4, 2011

PhoneGap

• Open source

• Created by @Nitobi

• Native app wrapper

• Multiple platforms

17Wednesday, May 4, 2011

http://www.phonegap.com/features

18Wednesday, May 4, 2011

WEINRE

19Wednesday, May 4, 2011

WEINRE

• Open source

• Created by @pmuellr

• Remote debugger

• WEb INspecto REmote

• You owe Pat a beer

20Wednesday, May 4, 2011

demo

21Wednesday, May 4, 2011

Conclusion

"If you can build your app with HTML, CSS, and JavaScript, then you probably should."

- Jonathan Stark

22Wednesday, May 4, 2011

Questions?

• jonathanstark.com/books

• jonathanstark.com/contact

• jonathanstark.com/ete

23Wednesday, May 4, 2011

top related