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
Building for the Mobile Web
Search
andylind
November 17, 2013
Programming
1
220
Building for the Mobile Web
An overview of building mobile web apps with offline storage, device APIs, and UI frameworks.
andylind
November 17, 2013
Tweet
Share
More Decks by andylind
See All by andylind
Intro to git-svn
andylind
0
760
Intro to Git
andylind
6
1.1k
Other Decks in Programming
See All in Programming
「手軽で便利」に潜む罠。 Popover API を WCAG 2.2の視点で安全に使うには
taitotnk
0
870
詳解!defer panic recover のしくみ / Understanding defer, panic, and recover
convto
0
250
意外と簡単!?フロントエンドでパスキー認証を実現する WebAuthn
teamlab
PRO
2
780
Deep Dive into Kotlin Flow
jmatsu
1
370
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
430
API Platform 4.2: Redefining API Development
soyuka
0
240
MCPとデザインシステムに立脚したデザインと実装の融合
yukukotani
4
1.5k
2025 年のコーディングエージェントの現在地とエンジニアの仕事の変化について
azukiazusa1
24
12k
Kiroで始めるAI-DLC
kaonash
2
630
Android 16 × Jetpack Composeで縦書きテキストエディタを作ろう / Vertical Text Editor with Compose on Android 16
cc4966
2
270
Improving my own Ruby thereafter
sisshiki1969
1
160
JSONataを使ってみよう Step Functionsが楽しくなる実践テクニック #devio2025
dafujii
1
650
Featured
See All Featured
How to Think Like a Performance Engineer
csswizardry
26
1.9k
Building Adaptive Systems
keathley
43
2.7k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
8
530
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
131
19k
How to Ace a Technical Interview
jacobian
279
23k
Balancing Empowerment & Direction
lara
3
630
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
It's Worth the Effort
3n
187
28k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
31
2.2k
Visualization
eitanlees
148
16k
4 Signs Your Business is Dying
shpigford
184
22k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Transcript
Building for the Mobile Web
Choosing Web vs. Native - What are your team’s skills?
- What devices do you want to reach? - How will people get to your app?
None
HTML5 + JS - Offline Apps - Device APIs -
UI Frameworks
Offline Apps - LocalStorage - AppCache - Other Standards Emerging
LocalStorage Simply provides a key-value mapping: localStorage["name"] = username; 5MB
limit (Webkit-based browsers use UTF-16 for storage which haves it to 2.5MB limit) Supported by: Chrome 4+, Firefox 3.5+, Safari 4+, Opera 10.5+, IE 8+, iOS 3.2+, Android 2.1+ Demo: http://localtodos.com/
Offline Example QConSF Conference App - Works fully offline -
Can launch from an icon - Runs in browser - Updates when online
Device APIs Sensors, Camera, Battery, Phone, and more Battery API
Demo
UI Frameworks - Allow for rapid development - Support many
screen sizes Examples: JQuery Mobile, Bootstrap, Sencha Touch, many others
What’s Next for Mobile Web? The web is converging with
native as browsers improve. New platforms supporting native HTML + JS