Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Games, Apps and HTML5
Search
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
Share
More Decks by Horia Dragomir
See All by Horia Dragomir
The Mobile Development We Leave Behind (FrontTrends 2014)
hdragomir
0
86
The Mobile Development We Leave Behind
hdragomir
0
51
Fast Mobile UIs
hdragomir
8
1.8k
Technology is Your Office
hdragomir
2
320
Other Decks in Technology
See All in Technology
Transformerを用いたアイテム間の 相互影響を考慮したレコメンドリスト生成
recruitengineers
PRO
2
430
Data Engineering Study#30 LT資料
tetsuroito
1
180
PHPからはじめるコンピュータアーキテクチャ / From Scripts to Silicon: A Journey Through the Layers of Computing
tomzoh
2
120
Autify Company Deck
autifyhq
2
44k
スタックチャン家庭用アシスタントへの道
kanekoh
0
120
Copilot coding agentにベットしたいCTOが開発組織で取り組んだこと / GitHub Copilot coding agent in Team
tnir
0
190
Four Keysから始める信頼性の改善 - SRE NEXT 2025
ozakikota
0
410
AI時代にも変わらぬ価値を発揮したい: インフラ・クラウドを切り口にユーザー価値と非機能要件に向き合ってエンジニアとしての地力を培う
netmarkjp
0
130
振り返りTransit Gateway ~VPCをいい感じでつなげるために~
masakiokuda
3
210
名刺メーカーDevグループ 紹介資料
sansan33
PRO
0
820
ゼロから始めるSREの事業貢献 - 生成AI時代のSRE成長戦略と実践 / Starting SRE from Day One
shinyorke
PRO
0
110
How Do I Contact Jetblue Airlines® Reservation Number: Fast Support Guide
thejetblueairhelpsupport
0
150
Featured
See All Featured
The Cult of Friendly URLs
andyhume
79
6.5k
Making Projects Easy
brettharned
116
6.3k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Designing Experiences People Love
moore
142
24k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.7k
Writing Fast Ruby
sferik
628
62k
Code Review Best Practice
trishagee
69
19k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
35
2.4k
Agile that works and the tools we love
rasmusluckow
329
21k
Art, The Web, and Tiny UX
lynnandtonic
299
21k
The Straight Up "How To Draw Better" Workshop
denniskardys
235
140k
Transcript
Games & HTML5
@hdragomir
None
None
None
None
.scrollTo(0, 0)
speed
None
http hates you
None
applicationCache is a lie
applicationCache is a lie https://vimeo.com/43336762
Golf Everything! 140byt.es
None
jQuery
None
.querySelectorAll()
.querySelectorAll() http://snook.ca/archives/javascript/going-simple-with-javascript
getElementsByClassName
getElementById
None
events bubble
XMLHttpRequest rocks the boat
req.responseCode < 400
pushState
requestAnimationFrame
Redraws Hate You
CSS is your friend
Animations are hard
Also, cheat and add dummy transforms just to get things
HW accelerated
matrix3d(0.8, 0, ...
None
data-mode=”super-duper”
CSS gets lazy
small hacks go a long way
None
None
None
onclick
touchstart touchend touchmove
hammer.js
touchend
perceived responsiveness
perceived responsiveness http://alexmaccaw.co.uk/posts/async_ui
pointer-events: none; user-select: none; user-drag: none;
name=viewport content="initial-scale=0.5"
device-pixel-ratio
navigator.connection
None
Firefox OS
WebApps
WebApps http://singlepageappbook.com/
You should be an edge case
You should be an edge case @hdragomir @wooga this means
you're doing something special