30
Welcome! Tuesday, June 8, 2010

HTML5 offline

Embed Size (px)

Citation preview

Page 1: HTML5 offline

Welcome!

Tuesday, June 8, 2010

Page 2: HTML5 offline

Who am I?

Tuesday, June 8, 2010

Page 3: HTML5 offline

Me: Huge Apple fanboy!

Tuesday, June 8, 2010

Page 4: HTML5 offline

Tuesday, June 8, 2010

Page 5: HTML5 offline

I am the mayor ‘n shit!

Tuesday, June 8, 2010

Page 6: HTML5 offline

Tuesday, June 8, 2010

Page 7: HTML5 offline

Tuesday, June 8, 2010

Page 8: HTML5 offline

0

1

2

3

Requests

Native app Web app

Tuesday, June 8, 2010

Page 9: HTML5 offline

0

1

2

3

Requests

Native app Web app

SUCKAGE!

Tuesday, June 8, 2010

Page 10: HTML5 offline

Ruby’s syntax Objective-C syntaxTuesday, June 8, 2010

Page 11: HTML5 offline

app-store approval process

Tuesday, June 8, 2010

Page 12: HTML5 offline

Release early release oftenTuesday, June 8, 2010

Page 13: HTML5 offline

What is the answer?

Tuesday, June 8, 2010

Page 14: HTML5 offline

Tuesday, June 8, 2010

Page 15: HTML5 offline

Wow awesome!

Tuesday, June 8, 2010

Page 16: HTML5 offline

Tuesday, June 8, 2010

Page 17: HTML5 offline

The answer:

Tuesday, June 8, 2010

Page 18: HTML5 offline

The answer: Webapps

Tuesday, June 8, 2010

Page 19: HTML5 offline

The real answer: HTML5 Offline

Modulehttp://www.w3.org/TR/offline-webapps/

Tuesday, June 8, 2010

Page 20: HTML5 offline

Cache Manifest

Tuesday, June 8, 2010

Page 21: HTML5 offline

The manifest filemime: text/cache-manifest

CACHE MANIFESTindex.htmlstylesheets/all.cssjavascripts/jquery.jsjavascripts/rails.jsjavascripts/application.jsimages/logo.pngimages/hoff.png

NETWORK:contacts/index.json

Tuesday, June 8, 2010

Page 22: HTML5 offline

<!DOCTYPE HTML><html manifest="/cache-manifest">

Tuesday, June 8, 2010

Page 23: HTML5 offline

var online = navigator.onLine;Can you hear me now?

Tuesday, June 8, 2010

Page 24: HTML5 offline

Grab the data and run!$.get('/contacts.json');

Tuesday, June 8, 2010

Page 25: HTML5 offline

An app aint nuthing without:Persistent storage

Tuesday, June 8, 2010

Page 26: HTML5 offline

SQL databasehttp://www.w3.org/TR/offline-webapps/#sql

Tuesday, June 8, 2010

Page 27: HTML5 offline

Key-value persistent data storage

http://www.w3.org/TR/webstorage/

Tuesday, June 8, 2010

Page 28: HTML5 offline

html5demos.com

Tuesday, June 8, 2010

Page 29: HTML5 offline

Justin Halsall

• blog: juice10.com

• pet project: tvnotify.com

• twitter.com/juice10

• wakoopa.com/juice10

• github.com/Juice10

Tuesday, June 8, 2010

Page 30: HTML5 offline

snoranje.nlTuesday, June 8, 2010