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
アセットのコンパイルについて
ojun9
0
120
「待たせ上手」なスケルトンスクリーン、 そのUXの裏側
teamlab
PRO
0
500
Laravel Boost 超入門
fire_arlo
3
210
私の後悔をAWS DMSで解決した話
hiramax
4
210
GitHubとGitLabとAWS CodePipelineでCI/CDを組み比べてみた
satoshi256kbyte
4
220
パッケージ設計の黒魔術/Kyoto.go#63
lufia
3
430
デザイナーが Androidエンジニアに 挑戦してみた
874wokiite
0
320
実用的なGOCACHEPROG実装をするために / golang.tokyo #40
mazrean
1
260
為你自己學 Python - 冷知識篇
eddie
1
350
AI時代のUIはどこへ行く?
yusukebe
18
8.8k
FindyにおけるTakumi活用と脆弱性管理のこれから
rvirus0817
0
500
JSONataを使ってみよう Step Functionsが楽しくなる実践テクニック #devio2025
dafujii
1
530
Featured
See All Featured
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
36
2.5k
The Cult of Friendly URLs
andyhume
79
6.6k
Designing for Performance
lara
610
69k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
8
520
Facilitating Awesome Meetings
lara
55
6.5k
Scaling GitHub
holman
463
140k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.1k
Docker and Python
trallard
45
3.6k
Building a Modern Day E-commerce SEO Strategy
aleyda
43
7.6k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
Why You Should Never Use an ORM
jnunemaker
PRO
59
9.5k
Become a Pro
speakerdeck
PRO
29
5.5k
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