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

Building for the Mobile Web

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
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
Architectural Extensions
Avatar for Denys Poltorak denyspoltorak
0
290
SourceGeneratorのススメ
Avatar for tkym htkym
0
200
izumin5210のプロポーザルのネタ探し #tskaigi_msup
Avatar for izumin5210 izumin5210
1
130
ノイジーネイバー問題を解決する 公平なキューイング
Avatar for Shoichi Ochi occhi
0
100
20260127_試行錯誤の結晶を1冊に。著者が解説 先輩データサイエンティストからの指南書 / author's_commentary_ds_instructions_guide
Avatar for nash_efp nash_efp
1
970
【卒業研究】会話ログ分析によるユーザーごとの関心に応じた話題提案手法
Avatar for MomokoShirakawa momok47
0
200
Best-Practices-for-Cortex-Analyst-and-AI-Agent
Avatar for ryotaro.ikeda@finatext.com ryotaroikeda
1
110
AgentCoreとHuman in the Loop
Avatar for Har1101 har1101
5
240
OCaml 5でモダンな並列プログラミングを Enjoyしよう!
Avatar for Haochen Kotoi-Xie haochenx
0
140
CSC307 Lecture 01
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
690
Smart Handoff/Pickup ガイド - Claude Code セッション管理
Avatar for rasshii yukiigarashi
0
140
Package Management Learnings from Homebrew
Avatar for Mike McQuaid mikemcquaid
0
230

Featured

See All Featured
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
269
14k
A Soul's Torment
Avatar for Nat Ma seathinner
5
2.3k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
55
3.2k
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
2
130
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
25
1.7k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
196
71k
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
Avatar for Sara Fernández Carmona sarafernandez
0
120
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
Avatar for Aleyda Solis aleyda
1
1.8k
Visual Storytelling: How to be a Superhuman Communicator
Avatar for David Neal reverentgeek
2
430
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
58k
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
9
1.6k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
359
30k

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