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
66
The Mobile Development We Leave Behind
hdragomir
0
46
Fast Mobile UIs
hdragomir
8
1.7k
Technology is Your Office
hdragomir
2
320
Other Decks in Technology
See All in Technology
適材適所の技術選定 〜GraphQL・REST API・tRPC〜 / Optimal Technology Selection
kakehashi
1
710
Mastering Quickfix
daisuzu
1
170
Zennのパフォーマンスモニタリングでやっていること
ryosukeigarashi
0
250
生成AIが変えるデータ分析の全体像
ishikawa_satoru
0
180
EventHub Startup CTO of the year 2024 ピッチ資料
eventhub
0
130
ノーコードデータ分析ツールで体験する時系列データ分析超入門
negi111111
0
430
OCI Security サービス 概要
oracle4engineer
PRO
0
6.5k
オープンソースAIとは何か? --「オープンソースAIの定義 v1.0」詳細解説
shujisado
10
1.3k
LINEヤフーにおけるPrerender技術の導入とその効果
narirou
1
160
インフラとバックエンドとフロントエンドをくまなく調べて遅いアプリを早くした件
tubone24
1
430
データプロダクトの定義からはじめる、データコントラクト駆動なデータ基盤
chanyou0311
3
350
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
0
110
Featured
See All Featured
Music & Morning Musume
bryan
46
6.2k
VelocityConf: Rendering Performance Case Studies
addyosmani
325
24k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
4
380
Producing Creativity
orderedlist
PRO
341
39k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
Raft: Consensus for Rubyists
vanstee
136
6.6k
4 Signs Your Business is Dying
shpigford
180
21k
Bash Introduction
62gerente
608
210k
Building Adaptive Systems
keathley
38
2.3k
Done Done
chrislema
181
16k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
246
1.3M
Building Better People: How to give real-time feedback that sticks.
wjessup
364
19k
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