Browser Object Model
     Webinale 2008, Germany
        Alexander Back
Alexander Back

• Software Developer at 1&1 Internet AG
  since 2004
• Experience with qooxdoo Application
  Development S...
Introduction

• Normalizes DOM Operations
• Base for the Widget System
• Works Fully Cross Browser
• Integration Into Trad...
Features

• Element Handling
• Event Layer
• XMLHttp Communication
• Animation
Element Handling

• DOM Element Creation
• Calculating Dimensions
• Powerful Element Styling
• Attribute & Property Handli...
Element Location


• Query Location of Elements
• Distance Between Two Elements
Event Layer
• Unified Event Objects
• Matching DOM2 Specification
• Bubbling & Capturing Phase
• Cancelable Events
• Unified ...
Demo
Low Level Application
    API Viewer
        85 Classes
      37 KB gzipped
Questions?
a
                         Bet


Animations
Webinale 2008, Germany
    Jonathan Rass
Jonathan Rass


• Software Developer at 1&1 Internet AG
  Since 2007
• Introduced Animation Support to qooxdoo
Useful Animation

• Enhanced User Experience
• Better Feedback
• Modern Styling
Status

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

• Core Effects
 • Single Property Modified
• Combination Effects
 • Several Core Effects Combined
• Transition F...
Demo
What‘s Next

• More Effects (Morph, ...)
• More Transition Functions
• Move Effect With 2D Transition
• High Level Widget API
Questions?
Upcoming SlideShare
Loading in …5
×

Browser Object Model and Animations in qooxdoo

3,262 views

Published on

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

Published in: Business, Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,262
On SlideShare
0
From Embeds
0
Number of Embeds
146
Actions
Shares
0
Downloads
61
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Browser Object Model and Animations in qooxdoo

  1. 1. Browser Object Model Webinale 2008, Germany Alexander Back
  2. 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. 3. Introduction • Normalizes DOM Operations • Base for the Widget System • Works Fully Cross Browser • Integration Into Traditional Web Pages
  4. 4. Features • Element Handling • Event Layer • XMLHttp Communication • Animation
  5. 5. Element Handling • DOM Element Creation • Calculating Dimensions • Powerful Element Styling • Attribute & Property Handling • Scroll & Overflow Support
  6. 6. Element Location • Query Location of Elements • Distance Between Two Elements
  7. 7. Event Layer • Unified Event Objects • Matching DOM2 Specification • Bubbling & Capturing Phase • Cancelable Events • Unified Mouse & Keyboard Events • Powerful Focus Handling
  8. 8. Demo Low Level Application API Viewer 85 Classes 37 KB gzipped
  9. 9. Questions?
  10. 10. a Bet Animations Webinale 2008, Germany Jonathan Rass
  11. 11. Jonathan Rass • Software Developer at 1&1 Internet AG Since 2007 • Introduced Animation Support to qooxdoo
  12. 12. Useful Animation • Enhanced User Experience • Better Feedback • Modern Styling
  13. 13. Status • Available Since qooxdoo 0.8 Alpha 1 • Based on Widespread script.aculo.us • Uses BOM Layer • 14 Bundled Effects
  14. 14. Usage
  15. 15. Demo
  16. 16. Internals • Core Effects • Single Property Modified • Combination Effects • Several Core Effects Combined • Transition Functions
  17. 17. Demo
  18. 18. What‘s Next • More Effects (Morph, ...) • More Transition Functions • Move Effect With 2D Transition • High Level Widget API
  19. 19. Questions?

×