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
210
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
720
Intro to Git
andylind
6
1.1k
Other Decks in Programming
See All in Programming
さいきょうのレイヤードアーキテクチャについて考えてみた
yahiru
3
730
SwiftUIで単方向アーキテクチャを導入して得られた成果
takuyaosawa
0
260
[JAWS-UG横浜 #80] うわっ…今年のServerless アップデート、少なすぎ…?
maroon1st
1
170
富山発の個人開発サービスで日本中の学校の業務を改善した話
krpk1900
4
370
chibiccをCILに移植した結果 (NGK2025S版)
kekyo
PRO
0
210
Spring gRPC について / About Spring gRPC
mackey0225
0
220
バックエンドのためのアプリ内課金入門 (サブスク編)
qnighy
8
1.7k
Grafana Loki によるサーバログのコスト削減
mot_techtalk
1
110
お前もAI鬼にならないか?👹Bolt & Cursor & Supabase & Vercelで人間をやめるぞ、ジョジョー!👺
taishiyade
5
3.8k
CloudNativePGがCNCF Sandboxプロジェクトになったぞ! 〜CloudNativePGの仕組みの紹介〜
nnaka2992
0
220
Software Architecture
hschwentner
6
2.1k
WebDriver BiDiとは何なのか
yotahada3
1
140
Featured
See All Featured
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
29
1k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
10
1.3k
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
Docker and Python
trallard
44
3.3k
Measuring & Analyzing Core Web Vitals
bluesmoon
6
240
For a Future-Friendly Web
brad_frost
176
9.5k
The World Runs on Bad Software
bkeepers
PRO
67
11k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
Agile that works and the tools we love
rasmusluckow
328
21k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
49
2.3k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.1k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
540
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