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

Games, Apps and HTML5

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.

Horia Dragomir

September 14, 2012
Tweet

More Decks by Horia Dragomir

See All by Horia Dragomir
The Mobile Development We Leave Behind (FrontTrends 2014)
hdragomir
0
61
The Mobile Development We Leave Behind
hdragomir
0
43
Fast Mobile UIs
hdragomir
8
1.7k
Technology is Your Office
hdragomir
2
300

Other Decks in Technology

See All in Technology
Google Cloud の AI を支える裏側のインフラを垣間見る！
maroon1st
0
350
ゼロから始めるVue.jsコミュニティ貢献 / first-vuejs-community-contribution-link-and-motivation
lmi
1
130
IaCジェネレーターとBedrockで詳細設計書を生成してみた
tsukasa_ishimaru
1
250
Janus
bkuhlmann
1
490
エンジニア候補者向け資料2024.04.24.pdf
macloud
0
3.3k
VSCodeの拡張機能を作っている話
ebarakazuhiro
1
410
検証を通して見えてきたTiDBの性能特性
lycorptech_jp
PRO
6
3.8k
APIファーストなプロダクトマネジメントの実践 〜SaaSus Platformでの例〜 / "Practicing API-First Product Management - An Example with SaaSus Platform
oztick139
0
110
競技としてのKaggle、役に立つKaggle
yu4u
3
1.6k
長期間TiDBを使ってきた話 @ 私たちはなぜNewSQLを使うのかTiDB選定5社が語る選定理由と活用LT / Experiences with TiDB Over Time
chibiegg
2
900
DevOpsメトリクスとアウトカムの接続にトライ！開発プロセスを通して計測できるメトリクスの活用方法
ham0215
2
240
どうするコスト最適化のトレードオフ
tetsuyaooooo
1
530

Featured

See All Featured
How to name files
jennybc
65
93k
Large-scale JavaScript Application Architecture
addyosmani
504
110k
The Power of CSS Pseudo Elements
geoffreycrofte
60
5k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
2
3.4k
Designing on Purpose - Digital PM Summit 2013
jponch
110
6.5k
Rebuilding a faster, lazier Slack
samanthasiow
73
8.2k
jQuery: Nuts, Bolts and Bling
dougneiner
59
7.1k
How GitHub Uses GitHub to Build GitHub
holman
468
290k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
104
6.6k
Code Reviewing Like a Champion
maltzj
514
39k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
30
6k
Embracing the Ebb and Flow
colly
80
4.1k

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