nextwebgen.com

The Next Generation Web Now

SproutCore 1.0 gets closer; new demos too

Filed under: Uncategorized — Dion Almaer at 5:40 am on Wednesday, October 28, 2009

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

sproutcoredemos

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.

Sprouting—Automated Spriting for SproutCore

A Python script that generates CSS like:

CSS:

  1.  
  2. .set-name .icon-name.icon, .set-name .icon-name.icon { /* CSS */ }
  3.  

which you can work with via:

JAVASCRIPT:

  1.  
  2. ImageView.design({
  3.   layout: { left: 100, top: 100, width: 64, height: 64 },
  4.   value: “common refresh-64 icon” // using SproutCore’s built-in className support for spriting
  5. }
  6.  
  7. View.design({
  8.   layout: {left: 100, top:100, width:256, height: 256},
  9.   classNames: [“common”], // the theme
  10.   childViews: [“styledView”],
  11.   styledView: ImageView.design({
  12.     layout: { left: 100, top: 100, width: 64, height: 64 },
  13.     value: “refresh-64 icon” // using SproutCore’s built-in className support for spriting
  14.   })
  15. })
  16.  
Share and Enjoy:These icons link to social bookmarking sites where readers can share and discover new web pages.
  • blogmarks
  • del.icio.us
  • De.lirio.us
  • digg
  • NewsVine
  • YahooMyWeb

No Comments »

No comments yet.

RSS feed for comments on this post. TrackBack URI

Leave a comment

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>