HTML5 Developer Conference
Moscone Center, San Francisco
October 22-23, 2013

Arno Gourdol

Senior Director
Web Platform & Authoring, Adobe

@arnog

The web is

arno.org/20131023

Web Apps

topcoat.io

Topcoat

Demo

Cupcake

cupcake shop demo
topcoat.io

SVG

HTML’s graphic language

var bkg = document.getElementById("bkg");
bkg.width.baseVal.value = bkg.width.baseVal.value / 2;
bkg.height.baseVal.value = bkg.height.baseVal.value / 2;
                

snap.svg


The Javascript SVG library
for the modern web

var bkg = document.getElementById("bkg");
bkg.width.baseVal.value = bkg.width.baseVal.value / 2;
bkg.height.baseVal.value = bkg.height.baseVal.value / 2;

var bkg = Snap("#bkg");
bkg.attr({
    width: bkg.asPX('width') / 2,
    height: bkg.asPX('height') / 2
});
snapsvg.io

pbskids.org


snap.svg


The Javascript SVG library
for the modern web


snapsvg.io — @snapsvg


National Geographic–Forest Giant
Baby Elephants Demo

Viewport Units

CSS Regions

#ProtectTheElephants


Adobe will donate $1 per tweet

to the National Geographic Society

to help save these elephants

Alice in Wonderland

CSS Shapes

Coming Soon!

Clip Paths

Blend Modes

Leap Motion

@leapmotion

Open Source


Cordova Brackets Topcoat Snap.svg

html.adobe.com/opensource

Intel XDK


Demos Source Code


adobe.github.io

Better Web &
Awesome Tools

THINK
WEB
NATIVE

#THINKWEBNATIVE

html.adobe.com

@arnog

Hi, this site tries to show off some cutting edge features that are not supported in your browser. Maybe try viewing it in chrome.