WebApp – Financial Times

What’s the fuzz?

• It’s about reading websites offline
• Tech speak: HTML5 Application Storage

History (as far, as I’m aware)

• in autum 2011 the financial times presented their webApp
• http://apps.ft.com/ftwebapp/ 
• I believe this webApp really is a peace of art (especially from my point of view as a web developer)

Use Cache Manifest Validator API as preflight check for typo3 project SCP

Preflight check

1. Create new appcache.manifest via php script
2. Validate manifest file via Validator API
3. On success, replace the old manifest file
4. On error, keep old manifest file
5. Display screenmessage to the editor

manifest-validator.com

http://manifest-validator.com/

Description

• Check cache manifest files for web application offline storage
• The most complete method is to upload the manifest file to your server and validate it by URI.
• This will also check the availability of all resources listed in your manifest
• If even one of them fails to download properly, the entire process of caching your offline web application will fail.

API is available for external use, too

• https://github.com/fhemberger/manifest-validator/wiki/API-Documentation

manifestR (Check manifest files online)

http://westciv.com/tools/manifestR/

Description

• Checks manifest file via JS
• Displays error in overlay

No videos allowed on the iPad when using Application Storage

Problem
No videos allowed on the iPad when using Application Storage

Cause
Audio & video are not cached by iPhone since they are played by external applications.

Solution
None

—
http://stackoverflow.com/questions/2956915/html5-offline-video-caching-in-mobile-safari

iPad allows 50 MB Application Storage

iPad allows 50 MB Application Storage per Domain.

• IOS Version 4.x and 5.x

In comparison to that, firefox and safari on mac/pc seem to have no size limit (untested).