Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Building for the Mobile Web

Avatar for andylind 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.

Avatar for andylind

andylind

November 17, 2013
Tweet

More Decks by andylind

See All by andylind
Intro to git-svn
Avatar for andylind andylind
0
770
Intro to Git
Avatar for andylind andylind
6
1.1k

Other Decks in Programming

See All in Programming
CSC307 Lecture 01
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
690
20260127_試行錯誤の結晶を1冊に。著者が解説 先輩データサイエンティストからの指南書 / author's_commentary_ds_instructions_guide
Avatar for nash_efp nash_efp
1
970
HTTPプロトコル正しく理解していますか？ 〜かわいい猫と共に学ぼう。ฅ^•ω•^ฅ ﾆｬ〜
Avatar for ♛Heitor Hirose hekuchan
2
690
AI Schema Enrichment for your Oracle AI Database
Avatar for thatjeffsmith thatjeffsmith
0
290
「ブロックテーマでは再現できない」は本当か？
Avatar for Takashi Kitajima inc2734
0
1k
副作用をどこに置くか問題：オブジェクト指向で整理する設計判断ツリー
Avatar for Koya Masuda koxya
1
610
2026年 エンジニアリング自己学習法
Avatar for yumechi(Motoki Hirao) yumechi
0
140
フロントエンド開発の勘所 -複数事業を経験して見えた判断軸の違い-
Avatar for Yoichiro Kubo heimusu
7
2.8k
今こそ知るべき耐量子計算機暗号(PQC)入門 / PQC: What You Need to Know Now
Avatar for mackey0225 mackey0225
3
380
Smart Handoff/Pickup ガイド - Claude Code セッション管理
Avatar for rasshii yukiigarashi
0
140
CSC307 Lecture 04
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
660
登壇資料を作る時に意識していること #登壇資料_findy
Avatar for konifar konifar
4
1.2k

Featured

See All Featured
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
273
21k
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
58k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
77
5.3k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
302
51k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
37
6.3k
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
Avatar for Akash Hashmi akashhashmi
0
270
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
10
1.1k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
96
14k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
330
40k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
231
22k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
370
20k

Transcript

  1. Building for the Mobile Web

  2. Choosing Web vs. Native - What are your team’s skills?

    - What devices do you want to reach? - How will people get to your app?
  3. None

  4. HTML5 + JS - Offline Apps - Device APIs -

    UI Frameworks

  5. Offline Apps - LocalStorage - AppCache - Other Standards Emerging

  6. 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/

  7. Offline Example QConSF Conference App - Works fully offline -

    Can launch from an icon - Runs in browser - Updates when online

  8. Device APIs Sensors, Camera, Battery, Phone, and more Battery API

    Demo

  9. UI Frameworks - Allow for rapid development - Support many

    screen sizes Examples: JQuery Mobile, Bootstrap, Sencha Touch, many others

  10. What’s Next for Mobile Web? The web is converging with

    native as browsers improve. New platforms supporting native HTML + JS