Games, Apps and HTML5

These are the support slides for my talk at PhoneGap Day EU 2012 in Amsterdam.

Transcript

1. Games & HTML5
2. @hdragomir
7. .scrollTo(0, 0)
8. speed
10. http hates you
12. applicationCache is a lie
13. applicationCache is a lie https://vimeo.com/43336762
14. Golf Everything! 140byt.es
16. jQuery
18. .querySelectorAll()
19. .querySelectorAll() http://snook.ca/archives/javascript/going-simple-with-javascript
20. getElementsByClassName
21. getElementById
23. events bubble
24. XMLHttpRequest rocks the boat
25. req.responseCode < 400
26. pushState
27. requestAnimationFrame
28. Redraws Hate You
29. CSS is your friend
30. Animations are hard
31. Also, cheat and add dummy transforms just to get things HW accelerated
32. matrix3d(0.8, 0, ...
34. data-mode=”super-duper”
35. CSS gets lazy
36. small hacks go a long way
40. onclick
41. touchstart touchend touchmove
42. hammer.js
43. touchend
44. perceived responsiveness
45. perceived responsiveness http://alexmaccaw.co.uk/posts/async_ui
46. pointer-events: none; user-select: none; user-drag: none;
47. name=viewport content="initial-scale=0.5"
48. device-pixel-ratio
49. navigator.connection
51. Firefox OS
52. WebApps
53. WebApps http://singlepageappbook.com/
54. You should be an edge case
55. You should be an edge case @hdragomir @wooga this means you're doing something special