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
PHPだって関数型したい 〜できること、できないこと〜 / fp-in-php
Avatar for jsoizo jsoizo
1
270
PHP初心者セッション2026　〜生成AIでは見えない裏側を知る：今だからLAMPを通して仕組みを学ぶ〜
Avatar for Hideo Kashioka kashioka
0
830
Terraform標準の組織で AWS CDKをどう使うか
Avatar for mu7889yoon / Yuta Nakamura mu7889yoon
1
480
そこに3びきプロダクトがいるじゃろう——生成AI時代における“価値が届かない理由”の構造
Avatar for kosuke T kosuket
0
410
torikago - Ruby::Boxで照らすモジュラモノリスの実行境界
Avatar for nori se4weed
1
340
作るコストが小さくなった時代 幸せに働くために改めて考えたいこと 〜エンジニアとして価値を出し続けるために注視している二分野〜
Avatar for YuppeEng yuppeeng
0
190
freee が目指す データ マネジメント戦略 AI-Ready 時代を支える 攻めのガバナンスとは
Avatar for freee freee
PRO
0
260
仕様駆動開発へのトライを機に チームに適合する手法を模索し続けている話
Avatar for freee freee
PRO
0
410
Claude CodeとAgentCore Gatewayを繋ぐ際の認証認可 / Authentication and authorization when connecting Claude Code with AgentCore Gateway
Avatar for Har1101 har1101
1
220
PHP Application における Kubernetes 内 gRPC 通信
Avatar for Shin Ohno ganchiku
0
580
Apache Hive: Toward a Cloud Native Lakehouse
Avatar for okumin okumin
0
180
OpenSpecのproposalにbrainstormingを持たせてみた
Avatar for Toranosuke Minamikawa tigertora7571
1
200

Featured

See All Featured
More Than Pixels: Becoming A User Experience Designer
Avatar for Michelle Schulp Hunt marktimemedia
3
480
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
360
30k
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
Avatar for UX Y'all uxyall
1
2.2k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
950
Abbi's Birthday
Avatar for Violet Bock coloredviolet
3
9.2k
<Decoding/> the Language of Devs - We Love SEO 2024
Avatar for Nikki Halliwell nikkihalliwell
1
280
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
Avatar for MADOX madoxten
64
56k
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
Avatar for Szymon Słowik szymonslowik
1
1.2k
Ruling the World: When Life Gets Gamed
Avatar for Sebastian Deterding codingconduct
0
290
Darren the Foodie - Storyboard
Avatar for Kevinho.art khoart
PRO
3
3.5k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
12k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
72
41k

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