A library that creates complex vector animations in a simple, more accessible way
We have implemented this functionality offered by Paper.js in our projects. It makes getting off the ground easy; in under an hour, we are able to get a simple, yet interesting experiment working in our browsers and tablet devices.
A jQuery library that creates draggable 360 views.
Working with 3D in the browser can be challenging, especially because the options are limited. Flash, the most obvious and widely used tool for web animation, is not supported in iOS and requires a third party plugin. Flash’s limitations are what make the ThreeSixty plugin a great alternative. It is not only supported in iOS but also takes a new approach to animation in web applications.
The magic behind ThreeSixty is its simplicity: take a simple mouse event script, combine it with a collection of frames and an index value, and suddenly, it all comes together. The result is pretty impressive performance specs. Since there’s not much JS animation happening, this solution is very lightweight for a [pseudo-] 3D interaction.
Try utilizing this library when using 360 panoramic views, rotating product images, or creating an animation of your cat dancing. The possibilities are endless!
A library that brings the “pull-to-refresh” functionality to your web apps.
Apple’s iOS is known for being the most innovative mobile operating system to date. It is responsible for creating new standards in user interactions that are intuitive and expected in all native apps. Some examples include mobile style navigation, swipe events and the idea of “pull-to-refresh”, which has become a natural action on mobile experience.
A library that reflows content without using “position: absolute;”.
Stalactite is a very cool jQuery plugin that allows you to reflow content within a container or the viewport. This functionality was first popularized by Metafizzy with their plugin Isotope; however, this library holds more promise for production code, as it interacts well with other static content on the page. In comparison to Isotope, Stalactite does not position the child elements absolutely, but uses “position: relative” instead, allowing for content to flow naturally without conflicting with static elements on the page.
The beauty of Stalactite is its logic. Instead of doing all of the positioning math before rendering the page, the Stalactite plugin does all of the math as each element is added to the DOM. The options provided allow for both fixed-width, and fluid layouts.
Looking for great resources? Here are a few sites to get you started: