Loading...
Flash Player 9 (or above) is needed to view slideshows. We have detected that you do not have it on your computer.To install it, go here
SlideShare is now available on LinkedIn. Add it to your LinkedIn profile.
Browser Object Model and Animations in qooxdoo
An Introduction into the shiny new low level layer and animation layer in qooxdoo 0.8-alpha1.
722 views | 0 comments | 0 favorites | 18 downloads | embeds (Stats)
More Info
This slideshow is Public
Most viewed embeds (Top 5):
- 48 views: http://news.qooxdoo.org
- 6 views: http://feeds.feedburner.com
Slideshow Transcript
- Slide 1: Browser Object Model Webinale 2008, Germany Alexander Back
- Slide 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
- Slide 3: Introduction • Normalizes DOM Operations • Base for the Widget System • Works Fully Cross Browser • Integration Into Traditional Web Pages
- Slide 4: Features • Element Handling • Event Layer • XMLHttp Communication • Animation
- Slide 5: Element Handling • DOM Element Creation • Calculating Dimensions • Powerful Element Styling • Attribute & Property Handling • Scroll & Overflow Support
- Slide 6: Element Location • Query Location of Elements • Distance Between Two Elements
- Slide 7: Event Layer • Unified Event Objects • Matching DOM2 Specification • Bubbling & Capturing Phase • Cancelable Events • Unified Mouse & Keyboard Events • Powerful Focus Handling
- Slide 8: Demo Low Level Application API Viewer 85 Classes 37 KB gzipped
- Slide 9: Questions?
- Slide 10: a Bet Animations Webinale 2008, Germany Jonathan Rass
- Slide 11: Jonathan Rass • Software Developer at 1&1 Internet AG Since 2007 • Introduced Animation Support to qooxdoo
- Slide 12: Useful Animation • Enhanced User Experience • Better Feedback • Modern Styling
- Slide 13: Status • Available Since qooxdoo 0.8 Alpha 1 • Based on Widespread script.aculo.us • Uses BOM Layer • 14 Bundled Effects
- Slide 14: Usage
- Slide 15: Demo
- Slide 16: Internals • Core Effects • Single Property Modified • Combination Effects • Several Core Effects Combined • Transition Functions
- Slide 17: Demo
- Slide 18: What‘s Next • More Effects (Morph, ...) • More Transition Functions • Move Effect With 2D Transition • High Level Widget API
- Slide 19: Questions?
