1. 1 DEV141 Gord Tanner (@gordtanner) Michael Brooks (@mwbrooks) May 1, 2012 Porting to BlackBerry using Apache Cordova

2. What is … 2

3. 3

4. You may know it as … 4

5. Wikipedia Port Demo 5

6. iOS 6

7. Android 7

8. BlackBerry 8

9. Be Agnostic … 9 It will look right at first, but When people look deeper The will only see what is wrong

10. Looks Weird on BlackBerry … 10

11. We’ve Solved this Already … 11

12. HTML 5 Makes it Easier … 12

13. Platform UI Guidelines … 13

14. OS7 14

15. Menus 15

16. Menus 16

17. PlayBook 17

18. 18

19. bbUI.js 19 https://github.com/blackberry/bbUI.js

20. Responsive Web Design … 20 http://www.anderssonwise.com/

21. Quick Preview … 21 http://responsive.is/

22. CSS Media Queries - No Magic … 22 #button { width: 25%; } @media screen and (max-width: 480px) { #button { width: 100%; } }

23. Many Samples … 23 http://mediaqueri.es/

24. Cross-Platform Gotchas … 24 Interaction Mouse Events Touch Events (thumbs.js) CSS Performance JavaScript Performance

25. THANK YOU DEV141 Gord Tanner (@gordtanner) Michael Brooks (@mwbrooks) May 1, 2012