jQuery Roundup: 1.6.1, Davis.js, diagonalFade

17 May 2011 | By Alex Young | Tags jquery plugins effects routing html5

jQuery 1.6.1 Released

jQuery 1.6.1 was released last week which is the version with the new .prop() method and changes to .attr(). I’ve been talking about this in the Let’s Make a Framework posts covering element attribute reader implementations.

Davis.js

Davis.js (GitHub: olivernn / davis.js) by olivernn uses history.pushState to create an Sinatra/Express-like API for client-side apps:

var app = Davis(function () {
  this.get('/welcome/:name', function (req) {
    alert("Hello " + req.params['name'])
  })
})

app.start()

One interesting thing about this library is it has a plugin API which can be used to share routes between applications. It also has an event API, which includes an unsupported event for falling back in browsers that don’t support pushState.

diagonalFade

diagonalFade (GitHub: jonobr1 / diagonalFade, License: Apache 2.0) by Jono Brandel is a diagonal matrix fade effect for jQuery. It’s got quite a few options for configuring the effect:

$('#container').diagonalFade({
  time: 100,
  fadeDirection_x: 'left-right', // "left-right" || "right-left"
  fadeDirection_y: 'top-bottom', // "top-bottom" || "bottom-top"
  fade: 'out',                   // "in" || "out"
  complete: null                 // callback function
});

blog comments powered by Disqus