Breaking Limits on Mobile HTML5
summary
Fifteen concrete hacks claim real, testable results: a background tab resurrection using meta refresh plus JS to shift reloads, platform‑specific full‑screen tricks (window.scrollTo, fullscreen API, iOS home‑screen quirks), a high‑resolution canvas technique (resize backing store + CSS), image density strategies (SVG, CSS media queries, -webkit-image-set), file input + accept/capture for camera, passbook push without an app, and a storage limits bypass via multiple domains/iframes and postMessage — each hack lists code, working demos, browser caveats and measurable tradeoffs.
AI-written summary · about
chapters (36)
- 0:00Introduction
- 1:36Why hacks
- 2:38Fullscreen
- 5:29fullscreen iOS
- 6:57fullscreen Android
- 9:57high resolution canvas
- 14:18warnings
- 14:57numeric keyboard
- 16:22rich editor
- 18:03background tab resurrection
- 20:23Refresh meta tag
- 23:18iOS 61
- 23:57UI
- 25:00SVG
- 25:56JavaScript
- 26:14ImageSet
- 27:09CSS Background Images
- 29:04Pixel Radio
- 29:45Find the balance
- 30:16Media capture
- 34:37Interaction with native apps
- 35:11Solutions
- 37:07No API
- 37:19Opening a native app
- 38:57Push notifications
- 39:17Passbook
- 40:33iOS Title
- 41:33Windows 8 Pin
- 41:57Badge
- 43:08Storage Limits
- 44:10Security Measures
- 44:30Tools
- 44:47Band Simulator
- 45:33Mobile Labs
- 47:04Live Reload
- 48:35Hacks
related talks
28mTricks and hacks for a more native feel in a mobile browser
37mBuzz It For Real ! ... the tortuous road to Mobile HTML5 Apps
30mLighting Talks: Sharpen Your HTML5 Saw
35mHTML5 APIs - The New Frontier
31mBreaking the Limits of PWAs with JavaScript APIs
35mThe Ugly Truths about HTML5 for Mobile Apps
26mMobile HTML5: Device APIs and related APIs
51mHTML5: Risky Business or Hidden Security Tool Chest?