DailyJS

jQuery Roundup: Infinity.js, lorem, oriDomi

Alex R. Young

Subscribe

@dailyjs

Facebook

Google+

jquery plugins

jQuery Roundup: Infinity.js, lorem, oriDomi

Posted by Alex R. Young on .
Featured

jquery plugins

jQuery Roundup: Infinity.js, lorem, oriDomi

Posted by Alex R. Young on .
Note: You can send your plugins and articles in for review through our contact form or @dailyjs.

Infinity.js

Infinity.js

Infinity.js (GitHub: airbnb / infinity, License: BSD) from developers at Airbnb is an infinite scrolling plugin based on the iOS UITableView class. It's implemented by using containers that move content in and out of the DOM based on throttled scroll events, to keep scrolling smooth. The current version has some caveats -- ListViews can't be nested or have a height set by CSS.

To back up the performance claims, the authors have made demo pages with Infinity.js turned on and turned off. At least in my browser, it's clear that Infinity.js improves the performance. Also, several performance enhancements are currently planned, including changing the internal ListItem array to use a self-balancing binary tree.

lorem

lorem (License: MIT, npm: lorem) by Stanley Shyiko is a text generator that works with Node and browsers, and it includes optional jQuery plugin support:

$(selector).ipsum();

The author has included Nodeunit tests, and a build script.

oriDomi

oriDomi (GitHub: dmotz / oriDomi, License: MIT) by Dan Motzenbecker is a small script with optional jQuery support that creates an effect on images and web fonts that looks like folding paper, by using CSS 3D transforms.

$(selector).oriDomi({
  vPanels: 3
, hPanels: 10
, perspective: 200
, speed: 500
, shading: false
});

It works best when it can figure out the dimensions of the element it's applied to, so it's probably a good idea to ensure images used with the effect have width and height attributes.