Is the Past. Is the Future. Is the Browser.
-
Upload
andre-jay-meissner -
Category
Technology
-
view
115 -
download
0
description
Transcript of Is the Past. Is the Future. Is the Browser.
![Page 1: Is the Past. Is the Future. Is the Browser.](https://reader033.fdocuments.net/reader033/viewer/2022051210/54c583184a7959d2348b462f/html5/thumbnails/1.jpg)
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.](https://reader033.fdocuments.net/reader033/viewer/2022051210/54c583184a7959d2348b462f/html5/thumbnails/2.jpg)
Contributions
...for a be!er web & awesome tools!
![Page 3: Is the Past. Is the Future. Is the Browser.](https://reader033.fdocuments.net/reader033/viewer/2022051210/54c583184a7959d2348b462f/html5/thumbnails/3.jpg)
...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.](https://reader033.fdocuments.net/reader033/viewer/2022051210/54c583184a7959d2348b462f/html5/thumbnails/4.jpg)
![Page 5: Is the Past. Is the Future. Is the Browser.](https://reader033.fdocuments.net/reader033/viewer/2022051210/54c583184a7959d2348b462f/html5/thumbnails/5.jpg)
![Page 6: Is the Past. Is the Future. Is the Browser.](https://reader033.fdocuments.net/reader033/viewer/2022051210/54c583184a7959d2348b462f/html5/thumbnails/6.jpg)
![Page 7: Is the Past. Is the Future. Is the Browser.](https://reader033.fdocuments.net/reader033/viewer/2022051210/54c583184a7959d2348b462f/html5/thumbnails/7.jpg)
![Page 8: Is the Past. Is the Future. Is the Browser.](https://reader033.fdocuments.net/reader033/viewer/2022051210/54c583184a7959d2348b462f/html5/thumbnails/8.jpg)
CSS Shaders
(Browser demos, sorry no offline version...)
![Page 9: Is the Past. Is the Future. Is the Browser.](https://reader033.fdocuments.net/reader033/viewer/2022051210/54c583184a7959d2348b462f/html5/thumbnails/9.jpg)
CSS Compositing & Blending
(Browser demos, sorry no offline version...)
![Page 10: Is the Past. Is the Future. Is the Browser.](https://reader033.fdocuments.net/reader033/viewer/2022051210/54c583184a7959d2348b462f/html5/thumbnails/10.jpg)
h!ps://github.com/adobe/webkit
Get involved:
![Page 11: Is the Past. Is the Future. Is the Browser.](https://reader033.fdocuments.net/reader033/viewer/2022051210/54c583184a7959d2348b462f/html5/thumbnails/11.jpg)
¡ßuZZw0rds‽
![Page 12: Is the Past. Is the Future. Is the Browser.](https://reader033.fdocuments.net/reader033/viewer/2022051210/54c583184a7959d2348b462f/html5/thumbnails/12.jpg)
Responsive WebdesignCSS Transitions
WebfontsJS Frameworks
CSS-, Animation-, Mobile ToolingDOM Manipulations
CanvasTesting
Performance Optimization
![Page 13: Is the Past. Is the Future. Is the Browser.](https://reader033.fdocuments.net/reader033/viewer/2022051210/54c583184a7959d2348b462f/html5/thumbnails/13.jpg)
#1: Don‘t get confused with „Animation“…
![Page 14: Is the Past. Is the Future. Is the Browser.](https://reader033.fdocuments.net/reader033/viewer/2022051210/54c583184a7959d2348b462f/html5/thumbnails/14.jpg)
#2: Don‘t overload (yourself, others)
![Page 15: Is the Past. Is the Future. Is the Browser.](https://reader033.fdocuments.net/reader033/viewer/2022051210/54c583184a7959d2348b462f/html5/thumbnails/15.jpg)
![Page 16: Is the Past. Is the Future. Is the Browser.](https://reader033.fdocuments.net/reader033/viewer/2022051210/54c583184a7959d2348b462f/html5/thumbnails/16.jpg)
What did people create using Edge?
(Browser demos, sorry no offline version...)
![Page 17: Is the Past. Is the Future. Is the Browser.](https://reader033.fdocuments.net/reader033/viewer/2022051210/54c583184a7959d2348b462f/html5/thumbnails/17.jpg)
johndunning.com/"reworks/about/Edge
![Page 18: Is the Past. Is the Future. Is the Browser.](https://reader033.fdocuments.net/reader033/viewer/2022051210/54c583184a7959d2348b462f/html5/thumbnails/18.jpg)
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.](https://reader033.fdocuments.net/reader033/viewer/2022051210/54c583184a7959d2348b462f/html5/thumbnails/19.jpg)
#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.](https://reader033.fdocuments.net/reader033/viewer/2022051210/54c583184a7959d2348b462f/html5/thumbnails/20.jpg)
#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.](https://reader033.fdocuments.net/reader033/viewer/2022051210/54c583184a7959d2348b462f/html5/thumbnails/21.jpg)
Okay Adobe, you talking about this guy?
![Page 22: Is the Past. Is the Future. Is the Browser.](https://reader033.fdocuments.net/reader033/viewer/2022051210/54c583184a7959d2348b462f/html5/thumbnails/22.jpg)
You mean that guy?
![Page 23: Is the Past. Is the Future. Is the Browser.](https://reader033.fdocuments.net/reader033/viewer/2022051210/54c583184a7959d2348b462f/html5/thumbnails/23.jpg)
Toolkit for CreateJS
![Page 24: Is the Past. Is the Future. Is the Browser.](https://reader033.fdocuments.net/reader033/viewer/2022051210/54c583184a7959d2348b462f/html5/thumbnails/24.jpg)
![Page 25: Is the Past. Is the Future. Is the Browser.](https://reader033.fdocuments.net/reader033/viewer/2022051210/54c583184a7959d2348b462f/html5/thumbnails/25.jpg)
preview art deploy logic
library
Designer Developer
![Page 26: Is the Past. Is the Future. Is the Browser.](https://reader033.fdocuments.net/reader033/viewer/2022051210/54c583184a7959d2348b462f/html5/thumbnails/26.jpg)
#3: Do not hire a Webdeveloper...
...that doesn‘t do this
![Page 27: Is the Past. Is the Future. Is the Browser.](https://reader033.fdocuments.net/reader033/viewer/2022051210/54c583184a7959d2348b462f/html5/thumbnails/27.jpg)
Mobile Relief
(Shadow demo, sorry no offline version...)
![Page 28: Is the Past. Is the Future. Is the Browser.](https://reader033.fdocuments.net/reader033/viewer/2022051210/54c583184a7959d2348b462f/html5/thumbnails/28.jpg)
#4: Stay lean...
...and browsers and budgets will you!
![Page 29: Is the Past. Is the Future. Is the Browser.](https://reader033.fdocuments.net/reader033/viewer/2022051210/54c583184a7959d2348b462f/html5/thumbnails/29.jpg)
labs.adobe.com/technologies/shadow
Get Shadow:
![Page 30: Is the Past. Is the Future. Is the Browser.](https://reader033.fdocuments.net/reader033/viewer/2022051210/54c583184a7959d2348b462f/html5/thumbnails/30.jpg)
labs.adobe.com/technologies/edge
Get Edge:
![Page 31: Is the Past. Is the Future. Is the Browser.](https://reader033.fdocuments.net/reader033/viewer/2022051210/54c583184a7959d2348b462f/html5/thumbnails/31.jpg)
adobe.com/devnet/createjs.html
Get CreateJS: