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
85
The Mobile Development We Leave Behind
hdragomir
0
49
Fast Mobile UIs
hdragomir
8
1.8k
Technology is Your Office
hdragomir
2
320
Other Decks in Technology
See All in Technology
Delegating the chores of authenticating users to Keycloak
ahus1
0
130
LangSmith×Webhook連携で実現するプロンプトドリブンCI/CD
sergicalsix
1
200
面倒な作業はAIにおまかせ。Flutter開発をスマートに効率化
ruideengineer
0
120
敢えて生成AIを使わないマネジメント業務
kzkmaeda
1
260
Tech-Verse 2025 Keynote
lycorptech_jp
PRO
0
1.7k
20250707-AI活用の個人差を埋めるチームづくり
shnjtk
3
3.1k
「良さそう」と「とても良い」の間には 「良さそうだがホンマか」がたくさんある / 2025.07.01 LLM品質Night
smiyawaki0820
1
490
さくらのIaaS基盤のモニタリングとOpenTelemetry/OSC Hokkaido 2025
fujiwara3
2
310
無意味な開発生産性の議論から抜け出すための予兆検知とお金とAI
i35_267
3
11k
Yamla: Rustでつくるリアルタイム性を追求した機械学習基盤 / Yamla: A Rust-Based Machine Learning Platform Pursuing Real-Time Capabilities
lycorptech_jp
PRO
4
220
Southwest airlines®️ USA Contact Numbers: Complete 2025 Support Guide
oliversmith12
0
110
2025-07-06 QGIS初級ハンズオン「はじめてのQGIS」
kou_kita
0
150
Featured
See All Featured
Faster Mobile Websites
deanohume
307
31k
Designing for Performance
lara
610
69k
Testing 201, or: Great Expectations
jmmastey
42
7.6k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.3k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
Scaling GitHub
holman
459
140k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
126
52k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
20
1.3k
Visualization
eitanlees
146
16k
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