hold the cocoa - building iphone apps with html, css, and javascript
DESCRIPTION
Slides from 2010 SXSW presentation.TRANSCRIPT
![Page 1: Hold the Cocoa - Building iPhone Apps with HTML, CSS, and JavaScript](https://reader033.vdocuments.mx/reader033/viewer/2022061220/54bb97884a7959cd1e8b45ce/html5/thumbnails/1.jpg)
Hold The Cocoa: Building iPhone Apps with HTML, CSS, and
JavaScript
Jonathan Stark
![Page 2: Hold the Cocoa - Building iPhone Apps with HTML, CSS, and JavaScript](https://reader033.vdocuments.mx/reader033/viewer/2022061220/54bb97884a7959cd1e8b45ce/html5/thumbnails/2.jpg)
Huge & Growing
•4.8 billion cell phone subscriptions
•Smart phone share at 15%
•56% of public Wi‑Fi connections were from mobile devices
![Page 3: Hold the Cocoa - Building iPhone Apps with HTML, CSS, and JavaScript](https://reader033.vdocuments.mx/reader033/viewer/2022061220/54bb97884a7959cd1e8b45ce/html5/thumbnails/3.jpg)
Mobile Apps
![Page 4: Hold the Cocoa - Building iPhone Apps with HTML, CSS, and JavaScript](https://reader033.vdocuments.mx/reader033/viewer/2022061220/54bb97884a7959cd1e8b45ce/html5/thumbnails/4.jpg)
Types of Mobile Apps
•Native apps
•Web apps
•Cmd line apps
![Page 5: Hold the Cocoa - Building iPhone Apps with HTML, CSS, and JavaScript](https://reader033.vdocuments.mx/reader033/viewer/2022061220/54bb97884a7959cd1e8b45ce/html5/thumbnails/5.jpg)
Types of Mobile Apps
•Native apps - Fragmentation
•Web apps - Sandboxing
•Cmd line apps - Discoverability
![Page 6: Hold the Cocoa - Building iPhone Apps with HTML, CSS, and JavaScript](https://reader033.vdocuments.mx/reader033/viewer/2022061220/54bb97884a7959cd1e8b45ce/html5/thumbnails/6.jpg)
Types of Mobile Apps
The approach that is best for you depends on your goals and target
market.
![Page 7: Hold the Cocoa - Building iPhone Apps with HTML, CSS, and JavaScript](https://reader033.vdocuments.mx/reader033/viewer/2022061220/54bb97884a7959cd1e8b45ce/html5/thumbnails/7.jpg)
Web Apps Win
•Cheapest to produce
•Most standardized
•Easiest to distribute
![Page 8: Hold the Cocoa - Building iPhone Apps with HTML, CSS, and JavaScript](https://reader033.vdocuments.mx/reader033/viewer/2022061220/54bb97884a7959cd1e8b45ce/html5/thumbnails/8.jpg)
jQTouch
•jQuery plugin
•Created by @DavidKaneda
•Native CSS3 Animations
•and tons more...
![Page 9: Hold the Cocoa - Building iPhone Apps with HTML, CSS, and JavaScript](https://reader033.vdocuments.mx/reader033/viewer/2022061220/54bb97884a7959cd1e8b45ce/html5/thumbnails/9.jpg)
jQTouch
Demo
![Page 10: Hold the Cocoa - Building iPhone Apps with HTML, CSS, and JavaScript](https://reader033.vdocuments.mx/reader033/viewer/2022061220/54bb97884a7959cd1e8b45ce/html5/thumbnails/10.jpg)
Native vs Web
![Page 11: Hold the Cocoa - Building iPhone Apps with HTML, CSS, and JavaScript](https://reader033.vdocuments.mx/reader033/viewer/2022061220/54bb97884a7959cd1e8b45ce/html5/thumbnails/11.jpg)
Native Web DependsCosmetics XFunctionality XDevelopment
X
Testing XDistribution XPayment XSupport X
Considerations
![Page 12: Hold the Cocoa - Building iPhone Apps with HTML, CSS, and JavaScript](https://reader033.vdocuments.mx/reader033/viewer/2022061220/54bb97884a7959cd1e8b45ce/html5/thumbnails/12.jpg)
Hybrid Apps
PhoneGap gives developers the
best of both worlds.
![Page 13: Hold the Cocoa - Building iPhone Apps with HTML, CSS, and JavaScript](https://reader033.vdocuments.mx/reader033/viewer/2022061220/54bb97884a7959cd1e8b45ce/html5/thumbnails/13.jpg)
PhoneGap
•Open source
•Created by @Nitobi
•Native app wrapper
•Multiple plaforms
![Page 14: Hold the Cocoa - Building iPhone Apps with HTML, CSS, and JavaScript](https://reader033.vdocuments.mx/reader033/viewer/2022061220/54bb97884a7959cd1e8b45ce/html5/thumbnails/14.jpg)
Native Web DependsCosmetics XFunctionality XDevelopment
X
Testing XDistribution XPayment XSupport X
Considerations
![Page 15: Hold the Cocoa - Building iPhone Apps with HTML, CSS, and JavaScript](https://reader033.vdocuments.mx/reader033/viewer/2022061220/54bb97884a7959cd1e8b45ce/html5/thumbnails/15.jpg)
Native Web+PG DependsCosmetics XFunctionality XDevelopment
X
Testing XDistribution XPayment XSupport X
Considerations
![Page 16: Hold the Cocoa - Building iPhone Apps with HTML, CSS, and JavaScript](https://reader033.vdocuments.mx/reader033/viewer/2022061220/54bb97884a7959cd1e8b45ce/html5/thumbnails/16.jpg)
PhoneGap
Demo
![Page 17: Hold the Cocoa - Building iPhone Apps with HTML, CSS, and JavaScript](https://reader033.vdocuments.mx/reader033/viewer/2022061220/54bb97884a7959cd1e8b45ce/html5/thumbnails/17.jpg)
Conclusion
"If you can build your app with HTML, CSS, and JavaScript, then you
probably should."
- Jonathan Stark
![Page 18: Hold the Cocoa - Building iPhone Apps with HTML, CSS, and JavaScript](https://reader033.vdocuments.mx/reader033/viewer/2022061220/54bb97884a7959cd1e8b45ce/html5/thumbnails/18.jpg)
More Info
•http://jonathanstark.com/book
•http://jonathanstark.com/contact
•http://jonathanstark.com/sxsw