Audience Participation!

me?Seth Ladd

Google Chrome Team

Smart Browsers

I found the future of the Internet,it's in my browser.

one big happy family

StorageandFiles

http://slides.html5rocks.com/#app-cache

Semanticshttp://slides.html5rocks.com/#semantic-tags-1

Multimediahttp://slides.html5rocks.com/#video-audio

CSS3http://slides.html5rocks.com/#logo-demo

Demo!

Graphicsand

Effectshttp://slides.html5rocks.com/#canvas-3d

Demo!

Connectivityand

Networkinghttp://slides.html5rocks.com/#web-sockets

DeviceAccess

http://slides.html5rocks.com/#slide-orientation

caniuse.com

html5boilerplate.com

What would you have me do?

Spend my time hacking around issues in older technologies like Internet Explorer 6 or would you like that time spent making the site look the best that it can on better desktop browsers, as well as on the iPhone, iPod Touch, iPad, Blackberry and a whole host of other mobile devices?

- Andy Clarke

ChromeFramePluginyour escape hatch

Activating Chrome Frame

<meta http-equiv="X-UA-Compatible" content="chrome=1">

^-- (don't wrap in conditional comments)

or, HTTP Header:

X-UA-Compatible: chrome=1

TargetSmart

Browsersgracefully degrade

AudienceParticipation!

weee!

Thinkingin

WebApps

TightFocus

do one thing well

BigScreen

utilize the entire window

RichExperience

engage the user

VisuallyStunning

beautiful

Fastresponsive and immediate

Performance Themes

Store locallyProcess in backgroundMinimize connectionsDecrease bandwidth

Developer Tools Audit Panel

ChromeWebStore

distribute and sell web apps

All Web Apps

Welcome

Payments

OpenIDSingle

Sign-On

OAuthLicenseServer

HostedWebAppsyou know and love

PackagedWebApps

extensions with launchers

App Manifest{ "name": "Google Mail", "description": "Read your gmail", "version": "1", "app": { "urls": [ "*://mail.google.com/mail/", "*://www.google.com/mail/" ], "launch": { "web_url": "http://mail.google.com/mail/" } }, "icons": { "128": "icon_128.png" }, "permissions": [ "unlimitedStorage", "notifications" ]}

Chrome Web Store Step by Step

1. Build an awesome web app2. Create a manifest file3. Make some icons4. Zip up manifest and icons5. Upload to Chrome Developer Dashboard6. Config your listing7. Pay one-time $5 registration fee8. Verify your domain with Google Webmaster Tools9. Publish app

Our FirstWeb App

movie time!

http://www.youtube.com/watch?v=t9NUeITL4u8

Even Easierhttp://appmator.appspot.com

Chrome Web Store

Best Practices

Use Analytics

Easy Feedbackfor Users

FreeTrial

Single Sign-on

Simple New User On-Boarding

Friendly URLs

Big Screen

UI

In-App Navigation

Get Your App

Noticed

ARIA for Enhanced

Accessibility

Target Smart Browsersfor your Web Apps

built with HTML5distributed by

Chrome Web Store

Resources

http://code.google.com/chrome/webstore/docs/index.htmlhttp://www.html5rocks.comhttp://slides.html5rocks.comhttp://html5doctor.comhttp://caniuse.comhttp://html5reset.orghttp://html5boilerplate.comhttp://code.google.com/chrome/apps/articles/thinking_in_web_apps.htmlhttp://code.google.com/chrome/apps/docs/index.htmlhttp://code.google.com/chrome/webstore/docs/identify_user.htmlhttp://code.google.com/chrome/webstore/docs/check_for_payment.htmlhttp://code.google.com/chrome/chromeframe/

There's one more thing...