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/

1. Is the past. Is the future.
Is the browser.
Andre Jay Meissner
BDM/DevRel Web & Mobile, Adobe
ajm@adobe.com @klick_ass

2. Contributions
...for a better web
& awesome tools!

3. ...CSS Regions, CSS Shaders, CSS Exclusions,
CSS Compositing & Blending, CSS Transforms,
WebKit code coverage,
Image progress event, Shadow DOM,
CSS Variables...

8. CSS Shaders
(Browser demos, sorry no offline version...)

9. CSS Compositing & Blending
(Browser demos, sorry no offline version...)

10. Get involved:
https://github.com/adobe/webkit

11. ¡ßuZZw0rds‽

12. Responsive Webdesign
CSS Transitions
Webfonts
JS Frameworks
CSS-, Animation-, Mobile Tooling
DOM Manipulations
Canvas
Testing
Performance Optimization

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

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

16. What did people create using Edge?
(Browser demos, sorry no offline version...)

17. johndunning.com/
fireworks/about/Edge

18. Introducing: Adobe Edge
Preview 6
12 DAYS AGO
Preview 3
Preview 1
October 30, 2011
July 25, 2011
08/2011 09/2011 10/2011 11/2011 12/2011 1/2012 3/2012 5/2012
Preview 2
September 7, 2011 Preview 4 Preview 5
January 19, 2012 March 9, 2012

19. The story. Until today.
Preview 6
+ Full code mode editor
+ Symbol export
+ Chrome Frame support
+ Actions & Triggers + Publish to DPS/iBooks
Import web graphics
+ Code Editor + Lessons Panel
Timeline editor
+ Labels on timeline + First multilingual release
Easing functions
08/2011 09/2011 10/2011 11/2011 12/2011 1/2012 3/2012 5/2012
+ Stage improvements + On Screen manipulation
+ Smooth scrubbing + Symbols + Timeline enhancements
+ Timeline + Web Fonts + Size Optimization
enhancements + Scale & Transform + Down level poster
tools + Pre-loader

20. That‘s cool for DOM Manipulations.
But what about <canvas>?
(There‘s an app for that!)

21. Okay Adobe, you talking about this guy?

22. You mean that guy?

23. Toolkit for CreateJS

25. Designer Developer
preview art deploy logic
library

26. #3: Do not hire a Webdeveloper...
...that doesn‘t do this

27. Mobile Relief
(Shadow demo, sorry no offline version...)

28. #4: Stay lean...
...and browsers and budgets will you!

29. Get Shadow:
labs.adobe.com/technologies/shadow

30. Get Edge:
labs.adobe.com/technologies/edge

31. Get CreateJS:
adobe.com/devnet/createjs.html

32. Get CS6:
adobe.ly/66Rcl1

33. Got questions?
ajm@adobe.com // @klick_ass