html 5 design and development tooling - qcon san francisco€¦ · perties x untitled w: 959 px...
TRANSCRIPT
![Page 1: HTML 5 Design and Development Tooling - QCon San Francisco€¦ · perties x Untitled W: 959 px Stage: H: 638px Overflow: hidden rkr ch2 v6.edge Timeline x 00:10.000 Opacity Scale](https://reader035.vdocuments.us/reader035/viewer/2022081405/5f0827b57e708231d4209cbf/html5/thumbnails/1.jpg)
2010 Adobe Systems Incorporated. All Rights Reserved.
HTML 5 Design and Development Tooling Christophe Coenraets – http://coenraets.org – @ccoenraets Greg Wilson – http://gregsramblings.com - @gregsramblings
![Page 2: HTML 5 Design and Development Tooling - QCon San Francisco€¦ · perties x Untitled W: 959 px Stage: H: 638px Overflow: hidden rkr ch2 v6.edge Timeline x 00:10.000 Opacity Scale](https://reader035.vdocuments.us/reader035/viewer/2022081405/5f0827b57e708231d4209cbf/html5/thumbnails/2.jpg)
2010 Adobe Systems Incorporated. All Rights Reserved.
Agenda
Edge – Motion and Interaction Design Tool
Webkit contributions – CSS Regions, CSS Shaders
JQuery Mobile
PhoneGap
Flash News
2
![Page 3: HTML 5 Design and Development Tooling - QCon San Francisco€¦ · perties x Untitled W: 959 px Stage: H: 638px Overflow: hidden rkr ch2 v6.edge Timeline x 00:10.000 Opacity Scale](https://reader035.vdocuments.us/reader035/viewer/2022081405/5f0827b57e708231d4209cbf/html5/thumbnails/3.jpg)
2010 Adobe Systems Incorporated. All Rights Reserved.
Adobe Edge
Adobe Edge is a new web motion and interaction design tool that allows designers to bring animated content to websites, using web standards like HTML5, JavaScript, and CSS3.
3
![Page 4: HTML 5 Design and Development Tooling - QCon San Francisco€¦ · perties x Untitled W: 959 px Stage: H: 638px Overflow: hidden rkr ch2 v6.edge Timeline x 00:10.000 Opacity Scale](https://reader035.vdocuments.us/reader035/viewer/2022081405/5f0827b57e708231d4209cbf/html5/thumbnails/4.jpg)
2010 Adobe Systems Incorporated. All Rights Reserved.
Webkit Contributions – CSS Shaders
The Adobe CSS shaders proposal has been brought to the W3C FX task force. CSS shaders define a filter effects extensibility mechanism and provide rich, easily animated visual effects to all HTML5 content. They work particularly well with CSS animations and CSS transitions.
4
![Page 5: HTML 5 Design and Development Tooling - QCon San Francisco€¦ · perties x Untitled W: 959 px Stage: H: 638px Overflow: hidden rkr ch2 v6.edge Timeline x 00:10.000 Opacity Scale](https://reader035.vdocuments.us/reader035/viewer/2022081405/5f0827b57e708231d4209cbf/html5/thumbnails/5.jpg)
2010 Adobe Systems Incorporated. All Rights Reserved.
Contact us
Christophe Coenraets – http://coenraets.org – @ccoenraets Greg Wilson – http://gregsramblings.com - @gregsramblings
5
![Page 6: HTML 5 Design and Development Tooling - QCon San Francisco€¦ · perties x Untitled W: 959 px Stage: H: 638px Overflow: hidden rkr ch2 v6.edge Timeline x 00:10.000 Opacity Scale](https://reader035.vdocuments.us/reader035/viewer/2022081405/5f0827b57e708231d4209cbf/html5/thumbnails/6.jpg)
2010 Adobe Systems Incorporated. All Rights Reserved.