Create your own awesome maps

Even on the go

with our free apps for iPhone, iPad and Android

Get Started

Already have an account?
Log In

HTML5 web apps talk, Ido Green by Mind Map: HTML5 web apps talk, Ido Green
0.0 stars - reviews range from 0 to 5

HTML5 web apps talk, Ido Green

ido-green.appspot.com

@greenido

Tips

Let users try without signing up

Device aware & responsive

formfactorjs.org, New Node

New Node

Be explicit on the browsers you support

Use history API for pushing state in single page apps

Levieoutes.com

Twitter mobile do it a lot

Use client side architecture from the start, for

Offline, LawnChair - simple json storage, Types, Local storage, Index DB, Supported in Chrome & FF, soon also IE10, Fs API

Performance, manifest = cache.appcache, Enable offline scenario, Add comment with version number at top of manifest file

Make entering information easy & clear

Required

Placeholder

Pattern

Min max

Well supported in mobile, Check in caniuse.com

x-webkit-speech, Gives you confidence level

Keep your users informed

webkitNotifications, createNotification

Treat performance as feature

Caching

Css3 transitions, Used GPU

Use WebWorkers, More:, bit.ly/rizNVE

Cross browsers

Polyfills

Modernize

ChromeFrame

Chrome update

Aim for a great user experience

Most of the time, everything else will follow

Links

Html5rocks.com

plus.ly/greenido

Q&A

Cache size

If its Chrome App, you get 100mb not just 5

Usually you use index.db

If you need a lot, use File API, That's what Kindle app & Angry Birds use