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
君も受託系GISエンジニアにならないか
sudataka
1
370
All you need to know about InnoDB Primary Keys
lefred
0
120
TAMとre:Capセキュリティ編 〜拡張脅威検出デモを添えて〜
fujiihda
0
100
君はPostScriptなウィンドウシステム 「NeWS」をご存知か?/sunnews
koyhoge
0
720
Larkご案内資料
customercloud
PRO
0
600
Fintech SREの挑戦 PCI DSS対応をスマートにこなすインフラ戦略/Fintech SRE’s Challenge: Smart Infrastructure Strategies for PCI DSS Compliance
maaaato
0
450
Building Products in the LLM Era
ymatsuwitter
10
4.4k
『AWS Distinguished Engineerに学ぶ リトライの技術』 #ARC403/Marc Brooker on Try again: The tools and techniques behind resilient systems
quiver
0
130
トラシューアニマルになろう ~開発者だからこそできる、安定したサービス作りの秘訣~
jacopen
2
1.5k
管理者しか知らないOutlookの裏側のAIを覗く#AzureTravelers
hirotomotaguchi
1
240
組織貢献をするフリーランスエンジニアという生き方
n_takehata
1
1k
【Developers Summit 2025】プロダクトエンジニアから学ぶ、 ユーザーにより高い価値を届ける技術
niwatakeru
2
890
Featured
See All Featured
The Pragmatic Product Professional
lauravandoore
32
6.4k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
29
4.6k
Building Your Own Lightsaber
phodgson
104
6.2k
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
232
17k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.2k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
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/