SproutCore 1.0 has its first release candidate that you can grab via gem install sproutcore.

There are also new demos to play with and other interesting features:

Animation Layer

I’ve been working on a mixin to add animation to SproutCore views.

The current version only works for layout properties, and does not yet work for centerX and centerY properties (they used to work, but some of the performance optimizations have made it slightly more tricky—I’ll be adding it back soon, though).

I decided to see how fast the code was in different browsers. The tests were done using a test application which generated a specified number of views, and then, once per second, updated a “frames per second” display. The measuring is somewhat subjective, as I have to deduce, based on consistency (or lack thereof) in the numbers, what the frame rate actually is. For the most part, they were pretty consistent, but the WebKit browsers at really low numbers of views (and really high frame rates) could be quite inconsistent at times.

which you can work with via:

ImageView.design({

  layout: { left: 100, top: 100, width: 64, height: 64 },

  value: "common refresh-64 icon" // using SproutCore's built-in className support for spriting
}
View.design({
  layout: {left: 100, top:100, width:256, height: 256},
  classNames: ["common"], // the theme
  childViews: ["styledView"],
  styledView: ImageView.design({
    layout: { left: 100, top: 100, width: 64, height: 64 },
    value: "refresh-64 icon" // using SproutCore's built-in className support for spriting
  })

})

Demo: http://demo.sproutcore.com/
Download: git://github.com/ialexi/Spriter.git
Source: http://create.tpsitulsa.com/blog/2009/10/17/sprouting%E2%80%94automated-spriting-for-sproutcore/

Related Listings:

1. jQuery Browser Plugin The jQuery Browser Plugin is an addon for jQuery that...
2. Cascading Popup Menus v5.2 RC4 This is a fully JavaScript-contained menu system, and is quite...
3. Protovis – A graphical toolkit for visualization Protovis is a visualization toolkit for JavaScript using the canvas...

Do you like this post?

Email: