Building Native Apps with HTML, CSS, and JavaScript · Building Native Apps with HTML, CSS, and...
Transcript of Building Native Apps with HTML, CSS, and JavaScript · Building Native Apps with HTML, CSS, and...
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