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
Mobilise London
Search
Graham Hinchly
November 19, 2013
Technology
1
65
Mobilise London
A few things we learnt @FTLabs from building app.ft.com
Graham Hinchly
November 19, 2013
Tweet
Share
Other Decks in Technology
See All in Technology
「海外登壇」という 選択肢を与えるために 〜Gophers EX
logica0419
0
500
依存関係があるコンポーネントは Barrel ファイルでまとめよう
azukiazusa1
3
530
Developers Summit 2025 浅野卓也(13-B-7 LegalOn Technologies)
legalontechnologies
PRO
0
150
Postmanを使いこなす!2025年ぜひとも押さえておきたいPostmanの10の機能
nagix
2
120
株式会社EventHub・エンジニア採用資料
eventhub
0
4.2k
『衛星データ利用の方々にとって近いようで触れる機会のなさそうな小話 ~ 衛星搭載ソフトウェアと衛星運用ソフトウェア (実物) を動かしながらわいわいする編 ~』 @日本衛星データコミニティ勉強会
meltingrabbit
0
120
リアルタイム分析データベースで実現する SQLベースのオブザーバビリティ
mikimatsumoto
0
950
サーバーレスアーキテクチャと生成AIの融合 / Serverless Meets Generative AI
_kensh
12
3k
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
6
57k
Larkご案内資料
customercloud
PRO
0
600
管理者しか知らないOutlookの裏側のAIを覗く#AzureTravelers
hirotomotaguchi
1
240
データ基盤の成長を加速させる:アイスタイルにおける挑戦と教訓
tsuda7
3
650
Featured
See All Featured
Building a Scalable Design System with Sketch
lauravandoore
460
33k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
630
KATA
mclloyd
29
14k
We Have a Design System, Now What?
morganepeng
51
7.4k
Rails Girls Zürich Keynote
gr2m
94
13k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
193
16k
Large-scale JavaScript Application Architecture
addyosmani
510
110k
Why You Should Never Use an ORM
jnunemaker
PRO
55
9.2k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
59k
Git: the NoSQL Database
bkeepers
PRO
427
64k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
29
4.6k
How to train your dragon (web standard)
notwaldorf
90
5.8k
Transcript
Developing a Web App for ‘Mobile’ Tips and tricks from
the team @FTLabs Graham Hinchly (@grahamhinchly) Engineering Manager, FT Labs (@ftlabs)
Distributing a web app
None
app.ft.com demo
Make it work offline
bit.ly/PqIUT9 – thanks @andrewsmatt!
Content JS CSS HTML fragments Bootstrap Fonts
None
None
Fastclick demo github.com/ftlabs/fastclick
Swiping & Scrolling
FTScroller • github.com/ftlabs/ftscroller – Momentum scrolling – Swiping – Snapping – Cross-browser – Backwards compatible
• Credit to @rowanbeentje
#perfmatters
Performance tips • Back to Chrome dev tools…. – Another demo….?!
• Minimise paint • Use hardware accelerated animations – translate3d(X, Y, Z) • Avoid layout thrashing – https://github.com/wilsonpage/fastdom • http://jankfree.org/
Test. Test. Test. (on real devices)
opendevicelab.com
Useful debug tools • Dev tools for Chrome for Android
– ADB Chrome Extension – Search “adbplugin” – Can get set up in < 5 mins – Remember: • Check you have latest versions of Chrome (espec. on device) • Few setup steps: https://developers.google.com/chrome- developer-tools/docs/remote-debugging
Useful debug tools • Dev tools for iOS – Remote debugging
with Safari Web Inspector on iOS6+ – github.com/google/ios-webkit-debug-proxy
Thanks @grahamhinchly
[email protected]
We’re hiring! labs.ft.com/jobs/