If you think about going native, there's a few things you may want to know. This presentation shows you how we at Centralway got into it and how we took it on a high, production-grade level. It's also sharing two "war stories" about things that didn't go so well along with things you should generally be aware of or avoid in the world of hybrid applications.

1. Going hybrid
Mobile apps with web technologies

2. What’s hybrid?

3. How do you do that?
PhoneGap
Sencha
Titanium
Calatrava
Trigger.io
RhoMobileM Project
MoSync
AppFramework

4. How do you do that?
PhoneGap
Sencha
Titanium
Calatrava
Trigger.io
RhoMobileM Project
MoSync
AppFramework

5. Woah! Wait - what?
http://avgp.github.io/hybrid-strategy-picker/

6. The 3 big secrets
1. The uncanny valley

7. The 3 big secrets
2. Hybrid is different from everything

8. The 3 big secrets
3.

9. The hitchhiker’s guide
to PhoneGap

10. Test
Test often & test in Phonegap!

11. Optimize
Caching, Minification, LocalStorage

12. Use the force
Connection API, Battery API, Accelerometer

13. If it’s native...
...there’s a PhoneGap plugin for it.

14. War stories

15. iOS and the iframes
<iframe src="http://example.com"></iframe>
<a href="http://somesite.com" target="_blank">Open</a>
Android: iframe is embedded, link opens a browser
iOS - round 1: iframe opens a new browser on start.
iOS - round 2: "stay-in-webview=true"
iframe is embedded, link opens in the app

16. Android and the datepicker
The browser on Android

17. Android and the datepicker
PhoneGap on iOS

18. Android and the datepicker
PhoneGap on Android

19. Android and the datepicker
What the ..??

20. The dark side of the browser
● “Relayout” & Repaint events
● HW-acceleration is magic
● Bitmap grouping (webkit-transform: translateZ(0))
● Compositing
● Be really careful with AppCache

21. Links
● http://engine.centralway.com
● http://docs.cordova.io
● http://aerotwist.com/blog/making-a-60fps-
mobile-app
● https://wiki.mozilla.org/WebAPI
● http://www.w3.org/2002/mmi/
● http://www.w3.org/Mobile/mobile-web-app-
state/

22. Thank you! Questions?