An Introduction into the shiny new low level layer and animation layer in qooxdoo 0.8-alpha1.

1. Browser Object Model
Webinale 2008, Germany
Alexander Back

2. Alexander Back
• Software Developer at 1&1 Internet AG
since 2004
• Experience with qooxdoo Application
Development Since Day 1
• Developer of Rich Text Editor Component

3. Introduction
• Normalizes DOM Operations
• Base for the Widget System
• Works Fully Cross Browser
• Integration Into Traditional Web Pages

4. Features
• Element Handling
• Event Layer
• XMLHttp Communication
• Animation

5. Element Handling
• DOM Element Creation
• Calculating Dimensions
• Powerful Element Styling
• Attribute & Property Handling
• Scroll & Overflow Support

6. Element Location
• Query Location of Elements
• Distance Between Two Elements

7. Event Layer
• Unified Event Objects
• Matching DOM2 Specification
• Bubbling & Capturing Phase
• Cancelable Events
• Unified Mouse & Keyboard Events
• Powerful Focus Handling

8. Demo
Low Level Application
API Viewer
85 Classes
37 KB gzipped

9. Questions?

10. a
Bet
Animations
Webinale 2008, Germany
Jonathan Rass

11. Jonathan Rass
• Software Developer at 1&1 Internet AG
Since 2007
• Introduced Animation Support to qooxdoo

12. Useful Animation
• Enhanced User Experience
• Better Feedback
• Modern Styling

13. Status
• Available Since qooxdoo 0.8 Alpha 1
• Based on Widespread script.aculo.us
• Uses BOM Layer
• 14 Bundled Effects

14. Usage

15. Demo

16. Internals
• Core Effects
• Single Property Modified
• Combination Effects
• Several Core Effects Combined
• Transition Functions

17. Demo

18. What‘s Next
• More Effects (Morph, ...)
• More Transition Functions
• Move Effect With 2D Transition
• High Level Widget API

19. Questions?