It is a set of 3 technologies that are
undergoing an overhaul simultaneously.
anup.bishnoi@nagarro.com
It is a set of 3 technologies that are
undergoing an overhaul simultaneously.
It's not about what's
possible in the latest browsers.
It's not about impressive new features.
It's about making an App.
Don't miss the CSS3 Talk
Leave the best frame interval to the browser.
requestAnimationFrame provides access to
the actual browser paint cycle.
Automatically stops on inactive tabs.
Lyrics for the HTML5 song
There is no DOM inside canvas,
just the <canvas> element
All drawing actions on the canvas
overwrite the whole scene
Clipspace is simply the drawing boundaries
The API is actually a 2D API,
but the shaders allow you to do the math
and make it look like 3D
Learn about Typed Arrays first
<img> src can simply be
.svg files,
hence enabling SVG sprites
Canvas for non-interactive animations / drawing
SVG for heavy user interaction (tapping, dragging)
Hybrid Approach: Implement interactive areas with SVG,
and animations with Canvas
Two common approaches:
In absence of connection,
use localStorage and sync up later
Always use offline storage in running app,
sync up regularly with server
This is a synchronous API.
A sandboxed file system is created for each domain.
The user's file system is not accessible
Phonegap's geolocation is essentially a polyfill,
implementing the same API for devices
that don't have it in HTML5
Works without Phonegap, all in HTML5!
Mozilla has a different implementation
Works without Phonegap, in pure HTML5!
Mozilla has a different implementation
which is expected to merge in the future
Check out Socket.IO
This presentation's remote is
working on WebSocket
Multi-threading in JavaScript!
Only on Chrome Canary