The Next Level of Web Development: An Overview of HTML5 Features and Success Stories

Overview
Topics
Project
Tasks
Links

Overview

http://html5hack.appspot.com/preso/crhack.html#1

Topics

Web Application vs. Web Site

Example: DJ Breakpoint

https://github.com/pengying/crhack

CSS3: new transition, reflection, corners, gradients

Custom fonts

querySelector

This is considered part of html5.

data- notation

Flex Box

http://www.html5rocks.com/en/tutorials/flexbox/quick/

webSockets

Use socket.io

Transitions

Animate to a displayed position.

Messaging between frames with postMesssage

FileReader

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

File and directory selectors

New XHR

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

TODO BlobBuilder

New way to read binary data.

window.requestAnimationFrame

Solve the 30fps == setInterval 67ms

Payments

Use the pagements module through jsapi.

Project

Offline capable shared note taking.

Use Socket.io with node

Tasks

Create webSockets demo

Mock the use of postMessage inside of a test page

BlobBuilder looks like mime types could be forged

Links

http://www.html5rocks.com/en/tutorials/workers/basics/ http://updates.html5rocks.com/ https://sites.google.com/a/chromium.org/dev/developers/web-platform-status