The document discusses the Browser Object Model (BOM) component of the qooxdoo framework. The BOM normalizes DOM operations, provides a base for widgets, and works cross-browser. It includes features like element handling, an event layer, and XMLHTTP communication. It allows querying element locations, calculating dimensions, styling elements, and handling attributes, properties, scrolling and overflow. The document also discusses the animation support in qooxdoo, which enhances user experience, provides feedback, and modern styling. Animations are based on script.aculo.us and use the BOM layer, with bundled core and combination effects.

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?