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
ECS モニタリング手法大整理
yendoooo
1
120
Preferred Networks (PFN) とLLM Post-Training チームの紹介 / 第4回 関東Kaggler会 スポンサーセッション
pfn
PRO
1
140
アジャイルテストで高品質のスプリントレビューを
takesection
0
110
LLMエージェント時代に適応した開発フロー
hiragram
1
390
人と組織に偏重したEMへのアンチテーゼ──なぜ、EMに設計力が必要なのか/An antithesis to the overemphasis of people and organizations in EM
dskst
4
520
知られざるprops命名の慣習 アクション編
uhyo
10
2.2k
Observability for LLM Application lifecycle
ivry_presentationmaterials
1
230
Gaze-LLE: Gaze Target Estimation via Large-Scale Learned Encoders
kzykmyzw
0
310
夢の印税生活 / Life on Royalties
tmtms
0
280
我々は雰囲気で仕事をしている / How can we do vibe coding as well
naospon
2
210
AIとTDDによるNext.js「隙間ツール」開発の実践
makotot
5
540
プロジェクトマネジメントは不確実性との対話だ
hisashiwatanabe
0
200
Featured
See All Featured
Unsuck your backbone
ammeep
671
58k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.6k
Side Projects
sachag
455
43k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
283
13k
Balancing Empowerment & Direction
lara
2
580
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
Embracing the Ebb and Flow
colly
87
4.8k
A designer walks into a library…
pauljervisheath
207
24k
Producing Creativity
orderedlist
PRO
347
40k
Statistics for Hackers
jakevdp
799
220k
Practical Orchestrator
shlominoach
190
11k
Designing Experiences People Love
moore
142
24k
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