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
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
元インフラエンジニアに成る / Human Resources to Human Relations
bobtani
4
930
「スニダン」開発組織の構造に込めた意図 ~組織作りはパッションや政治ではない!~
rinchsan
3
570
Google Cloud の AI を支える裏側のインフラを垣間見る!
maroon1st
0
360
LLM開発・活用の舞台裏@2024.04.25
yushin_n
1
350
プロンプトエンジニアリングでがんばらない-Agentic Workflow へ-近藤憲児
kenjikondobai
3
860
TechFeed Experts Night#27 〜 フロントエンドフレームワーク最前線 (Svelte)
baseballyama
1
540
複雑な構成要素を持つUIとの向き合い方 〜新・支出グラフでの実例〜 / B43 TECH TALK
nakamuuu
0
140
KubeCon EU 2024 Recap “Kubernetes Policy Time Machine: Where to Next?”
ryysud
0
220
Compose Compiler Metricsを使った実践的なコードレビュー
tomorrowkey
1
220
いつか使うかも貯金してたらめちゃめちゃ機能が増えてた話
riyaamemiya
0
310
自己改善からチームを動かす! 「セルフエンジニアリングマネージャー」のすゝめ
shoota
6
780
Building Dashboards as a Hobby
egmc
0
230
Featured
See All Featured
Designing with Data
zakiwarfel
96
4.8k
How GitHub Uses GitHub to Build GitHub
holman
468
290k
Making the Leap to Tech Lead
cromwellryan
124
8.5k
The Cult of Friendly URLs
andyhume
74
5.7k
How to name files
jennybc
65
93k
The Mythical Team-Month
searls
216
42k
Debugging Ruby Performance
tmm1
70
11k
Fontdeck: Realign not Redesign
paulrobertlloyd
76
4.9k
Building Adaptive Systems
keathley
31
1.9k
Why You Should Never Use an ORM
jnunemaker
PRO
51
8.6k
Writing Fast Ruby
sferik
621
60k
jQuery: Nuts, Bolts and Bling
dougneiner
59
7.1k
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