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

Building for the Mobile Web

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for andylind andylind
November 17, 2013
Programming
240
1

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

More Decks by andylind

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

Other Decks in Programming

See All in Programming
メールのエイリアス機能を履き違えない
Avatar for 船長（せんちょう） isshinfunada
0
220
ビデオ通話が繋がる0.2秒で何が起きているのか
Avatar for Miyamoto Naoyuki supurazako
2
170
AI時代のPHPer生存戦略 ～「言語、もうなんでもよくない？」に本気で向き合う～
Avatar for viviON vivion
0
240
プロポーザルを書いてもらう
Avatar for pvcresin pvcresin
0
190
仕様書を書く前にハーネスを作る - Agent Native開発は「探索を速く、判定を固く」
Avatar for Gota gotalab555
4
1.5k
20260722_microCMSで考える、AI時代のコンテンツ運用設計
Avatar for Yoshihisa Kaino yosh1
0
350
複数の Claude Code が"放置"されてしまう問題をCLI ダッシュボードを自作して解決した話
Avatar for sumihiro3 sumihiro3
1
650
AWS CDK を「作」ってみた 〜フルスクラッチで見えた CDK の裏側〜 / aws-cdk-from-scratch
Avatar for k.goto gotok365
3
2.8k
言葉の格闘技のススメ～紙とペンと言葉から始める、キャリアの描き方～
Avatar for 進捗ゼミ progresscicada
1
120
「人を評価する AI」の 設計と実装 
Avatar for 奈良亮耶 ryoyanara
0
150
これって Effect でできたのでは? / TSKaigi Mashup Kansai #2
Avatar for Susisu susisu
0
140
わからない話を追いかけたら、プログラミング言語を作る側にいた
Avatar for ydah ydah
3
450

Featured

See All Featured
Introduction to Domain-Driven Design and Collaborative software design
Avatar for Kenny Baas-Schwegler baasie
1
920
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.8k
Leo the Paperboy
Avatar for Maya Tellez mayatellez
8
2.1k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
Avatar for Helen Beal helenjbeal
1
290
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
174
15k
Neural Spatial Audio Processing for Sound Field Analysis and Control
Avatar for NII S. Koyama's Lab skoyamalab
0
400
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
18k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3.3k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
201
75k
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
Avatar for Tech SEO Connect techseoconnect
PRO
0
350
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
133
19k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
16k

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