is the past. is the future. is the browser

33
Andre Jay Meissner BDM/DevRel Web & Mobile, Adobe [email protected] @klick_ass Is the past. Is the future. Is the browser.

Upload: andre-jay-meissner

Post on 26-Jan-2015

115 views

Category:

Technology


0 download

DESCRIPTION

The digital world is evolving at a staggering pace, with an ever-growing number of devices and platforms as well as ongoing changes to web standards. Jay discusses some of the latest projects and technologies that Adobe has been working on to help create the future by enabling expressive content on the web, in his talk at "HTML5 Reality Check" in Gotheburg on May 23, 2012. http://lanyrd.com/2012/reality-check-html5-may/

TRANSCRIPT

Page 1: Is the Past. Is the Future. Is the Browser

Andre Jay MeissnerBDM/DevRel Web & Mobile, Adobe

[email protected] @klick_ass

Is the past. Is the future.Is the browser.

Page 2: Is the Past. Is the Future. Is the Browser

Contributions

...for a be!er web & awesome tools!

Page 3: Is the Past. Is the Future. Is the Browser

...CSS Regions, CSS Shaders, CSS Exclusions, CSS Compositing & Blending, CSS Transforms,

WebKit code coverage, Image progress event, Shadow DOM,

CSS Variables...

Page 4: Is the Past. Is the Future. Is the Browser
Page 5: Is the Past. Is the Future. Is the Browser
Page 6: Is the Past. Is the Future. Is the Browser
Page 7: Is the Past. Is the Future. Is the Browser
Page 8: Is the Past. Is the Future. Is the Browser

CSS Shaders

(Browser demos, sorry no offline version...)

Page 9: Is the Past. Is the Future. Is the Browser

CSS Compositing & Blending

(Browser demos, sorry no offline version...)

Page 10: Is the Past. Is the Future. Is the Browser

h!ps://github.com/adobe/webkit

Get involved:

Page 11: Is the Past. Is the Future. Is the Browser

¡ßuZZw0rds‽

Page 12: Is the Past. Is the Future. Is the Browser

Responsive WebdesignCSS Transitions

WebfontsJS Frameworks

CSS-, Animation-, Mobile ToolingDOM Manipulations

CanvasTesting

Performance Optimization

Page 13: Is the Past. Is the Future. Is the Browser

#1: Don‘t get confused with „Animation“…

Page 14: Is the Past. Is the Future. Is the Browser

#2: Don‘t overload (yourself, others)

Page 15: Is the Past. Is the Future. Is the Browser
Page 16: Is the Past. Is the Future. Is the Browser

What did people create using Edge?

(Browser demos, sorry no offline version...)

Page 18: Is the Past. Is the Future. Is the Browser

Introducing: Adobe Edge

1/201208/2011 09/2011 10/2011 11/2011 12/2011

Preview 2September 7, 2011

Preview 1July 25, 2011

Preview 3October 30, 2011

Preview 4January 19, 2012

3/2012 5/2012

Preview 5March 9, 2012

Preview 612 DAYS AGO

Page 19: Is the Past. Is the Future. Is the Browser

#e story. Until today.

1/201208/2011 09/2011 10/2011 11/2011 12/2011

+ Stage improvements+ Smooth scrubbing

+ Timeline enhancements

Import web graphicsTimeline editorEasing functions

+ Actions & Triggers+ Code Editor

+ Labels on timeline

+ Symbols+ Web Fonts

+ Scale & Transform tools

3/2012 5/2012

+ On Screen manipulation+ Timeline enhancements

+ Size Optimization+ Down level poster

+ Pre-loader

Preview 6+ Full code mode editor

+ Symbol export+ Chrome Frame support+ Publish to DPS/iBooks

+ Lessons Panel+ First multilingual release

Page 20: Is the Past. Is the Future. Is the Browser

#at‘s cool for DOM Manipulations.But what about <canvas>?

(#ere‘s an app for that!)

Page 21: Is the Past. Is the Future. Is the Browser

Okay Adobe, you talking about this guy?

Page 22: Is the Past. Is the Future. Is the Browser

You mean that guy?

Page 23: Is the Past. Is the Future. Is the Browser

Toolkit for CreateJS

Page 24: Is the Past. Is the Future. Is the Browser
Page 25: Is the Past. Is the Future. Is the Browser

preview art deploy logic

library

Designer Developer

Page 26: Is the Past. Is the Future. Is the Browser

#3: Do not hire a Webdeveloper...

...that doesn‘t do this

Page 27: Is the Past. Is the Future. Is the Browser

Mobile Relief

(Shadow demo, sorry no offline version...)

Page 28: Is the Past. Is the Future. Is the Browser

#4: Stay lean...

...and browsers and budgets will you!

Page 29: Is the Past. Is the Future. Is the Browser

labs.adobe.com/technologies/shadow

Get Shadow:

Page 30: Is the Past. Is the Future. Is the Browser

labs.adobe.com/technologies/edge

Get Edge:

Page 31: Is the Past. Is the Future. Is the Browser

adobe.com/devnet/createjs.html

Get CreateJS:

Page 32: Is the Past. Is the Future. Is the Browser

adobe.ly/66Rcl1

Get CS6: