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
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
izumin5210のプロポーザルのネタ探し #tskaigi_msup
Avatar for izumin5210 izumin5210
1
130
CSC307 Lecture 07
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
550
AIと一緒にレガシーに向き合ってみた
Avatar for nyafunta9858 nyafunta9858
0
240
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
580
CSC307 Lecture 03
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
490
React 19でつくる「気持ちいいUI」- 楽観的UIのすすめ
Avatar for Hiroshi Morishige himorishige
11
7.4k
Fragmented Architectures
Avatar for Denys Poltorak denyspoltorak
0
160
[KNOTS 2026登壇資料]AIで拡張‧交差する プロダクト開発のプロセス および携わるメンバーの役割
Avatar for hisatake hisatake
0
280
副作用をどこに置くか問題：オブジェクト指向で整理する設計判断ツリー
Avatar for Koya Masuda koxya
1
610
AIフル活用時代だからこそ学んでおきたい働き方の心得
Avatar for shinoyu shinoyu
0
130
2026年 エンジニアリング自己学習法
Avatar for yumechi(Motoki Hirao) yumechi
0
140
フロントエンド開発の勘所 -複数事業を経験して見えた判断軸の違い-
Avatar for Yoichiro Kubo heimusu
7
2.8k

Featured

See All Featured
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
37
6.3k
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
0
2k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.6k
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
Avatar for Ines Montani inesmontani
PRO
0
220
Leadership Guide Workshop - DevTernity 2021
Avatar for David Neal reverentgeek
1
200
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
16
1.8k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
38
2.7k
Lightning Talk: Beautiful Slides for Beginners
Avatar for Ines Montani inesmontani
PRO
1
440
Technical Leadership for Architectural Decision Making
Avatar for Kenny Baas-Schwegler baasie
1
240
Marketing to machines
Avatar for Jono Alderson jonoalderson
1
4.6k
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
410
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
Avatar for Sophie Logan marketingsoph
0
75

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