Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Games, Apps and HTML5

2df2fcdb4bea51567940c6beb9a34f4d?s=47 Horia Dragomir
September 14, 2012
Technology
5
1.2k

Games, Apps and HTML5

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

2df2fcdb4bea51567940c6beb9a34f4d?s=128

Horia Dragomir

September 14, 2012
Tweet

More Decks by Horia Dragomir

See All by Horia Dragomir
2df2fcdb4bea51567940c6beb9a34f4d?s=48 hdragomir
0
50
2df2fcdb4bea51567940c6beb9a34f4d?s=48 hdragomir
0
38
2df2fcdb4bea51567940c6beb9a34f4d?s=48 hdragomir
8
1.5k
2df2fcdb4bea51567940c6beb9a34f4d?s=48 hdragomir
2
260

Other Decks in Technology

See All in Technology
E83ff81bc5a881c33dcff37eb160ce12?s=48 kochizufan
0
1.6k
012418ca05dff2e4ac6bdf3e739be4e8?s=48 minorun365
1
190
476e7a02d660b5dd640cb020ec0a9085?s=48 taka66
1
1.4k
2a35cc4d9c9dd2672aba2f097980e5d1?s=48 kou_kita
1
190
Ddbf32a824ff6979227a8cf26d2cc28c?s=48 hajimexxxnakagawa
0
600
E55fbffb4afd0a84d36c945ed68d8c19?s=48 caddi_eng
0
100
2c4ef0f20c4f05ca30e6c9917f0c17b6?s=48 okuken
0
160
32fe1b1b174c69d06b455799ed1fb285?s=48 goyoki
3
210
Fad1e9ed293fc5b3ec7d4abdffeb636f?s=48 auxesis
0
730
Aa5b922fefbf18bea89972521971dfea?s=48 yoshikiiida
6
6.9k
B1dca90d4b3ffd2ccd918774e1ba170d?s=48 hmatsu47
PRO
0
160
012418ca05dff2e4ac6bdf3e739be4e8?s=48 minorun365
0
490

Featured

See All Featured
9fa239b3154a0169d99ab7bf1422dd12?s=48 marcelosomers
225
15k
245cee81a9c424266e5e401d844ea881?s=48 lara
175
11k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
780
240k
A60068bce2e73de3a37ca9d2dbe36092?s=48 bryan
106
12k
A0517b08532aec8ab2aae3f65d40ad86?s=48 hannesfritz
32
1.2k
6804f1775cb4babfcc3851298566fbce?s=48 tanoku
91
9k
7c8469ee8c9e594c65c59b919626c08d?s=48 scottboms
253
11k
C44e1f7e22c3f23cff7bc130871047ef?s=48 eileencodes
118
27k
761be20b5ebd271008bcee1244fc5b52?s=48 matthewcrist
74
7.8k
D8fc2580cfaca035f666d9e4ee79a7f7?s=48 mongodb
28
4.2k
1177e050db6bafe62885362edf6e3537?s=48 lauravandoore
19
2.6k
91cefdf141106fa10674aae74ce05890?s=48 yeseniaperezcruz
308
33k

Transcript

  1. Games & HTML5

  2. @hdragomir

  3. None
  4. None
  5. None
  6. None

  7. .scrollTo(0, 0)

  8. speed

  9. None

  10. http hates you

  11. None

  12. applicationCache is a lie

  13. applicationCache is a lie https://vimeo.com/43336762

  14. Golf Everything! 140byt.es

  15. None

  16. jQuery

  17. None

  18. .querySelectorAll()

  19. .querySelectorAll() http://snook.ca/archives/javascript/going-simple-with-javascript

  20. getElementsByClassName

  21. getElementById

  22. None

  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, ...

  33. None

  34. data-mode=”super-duper”

  35. CSS gets lazy

  36. small hacks go a long way

  37. None
  38. None
  39. None

  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

  50. None

  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