background preloader

Librairies/codes

Facebook Twitter

Scrollorama. Disclaimer: This is an experimental, just-for-fun sort of project and hasn’t been thoroughly tested. Design and build your site, dividing your content into blocks. Embed scrollorama.js after jQuery and initialize the plugin, passing the blocks class selector as a parameter. Target an element and animate its properties. The animation parameters you can use are: Hook into the onBlockChange event. scrollorama.onBlockChange(function() { alert('You just scrolled to block#'+scrollorama.blockIndex); }); Note: If you are not using the pinning feature, it is recommended you disable it.

Box2dweb - Box2DFlash port to javascript. Zefhemel/persistencejs - GitHub.

CSS

The Dynamics of Scrolling. By Drew McCormack There has been quite a bit of discussion the last few days about the momentum-based scrolling that Apple uses on the iPhone. The discussion has largely been fanned by John Gruber’s Daring Fireball blog. He has been arguing for some time that one of the reasons web apps feel inferior on the iPhone to native Cocoa apps is that the WebKit-based scrolling doesn’t behave the same. A recent post pointed to a JavaScript framework that Apple is apparently using internally, and which does produce a comparable scrolling experience. This got me wondering how difficult it would be to reproduce Apple’s momentum scrolling on your own in JavaScript. Physics When I started working on the problem, I was all set to tackle it like the Physicist I was trained to be. I identified several different phases of scrolling, each of which required different equations of motion: By addressing each of these phases separately, I was able to mimic reasonably well Apple’s iPhone scrolling.

Source Code. jStat : a JavaScript statistical library.

Maps

jQuery Waypoints. Betamos/Better-Autocomplete - GitHub. Visualisations de données. WebGL.