CSS transitions and transforms provide a wide range possibilities for animating and morphing HTML elements. If you would like to use them inside jQuery, jQuery Transit reaches to the rescue. It is a plugin for implementing CSS transitions and transforms, has the same syntax as .animate, supports most of the methods and has the jQuery [...]
Archive for the ‘Effects’ Category
For any web project, if it is only the animations we need, wouldn't it be nice to use a lightweight framework rather than a complete and big-sized one? jsMorph is a standalone JavaScript animation framework which can manipulate stylings of multiple HTML elements. The framework automatically detects start positions, converts units, adjusts rendering speed and [...]
glfx.js is a JavaScript library for applying effects to images using WebGL. The library has a wide set of built-in-filters including brightness/contrast, curves, sepia, hue/saturation, noise, lens blur, tilt shift, hexagonal pixelate and much more. glfx.js has 3 parts: texture: a raw source of image data (created from an <img> tag) filter: an image effect [...]
Paper.js is an open source and "JavaScript + HTML5 canvas-powered" vector graphics scripting framework. Besides being a wrapper for the "canvas", it has much more to offer like working with nested layers, groups, paths, compound paths, rasters, symbols, etc. These items are handled and drawn automatically by Paper.js so you can focus on styling and/or [...]
Paper.js is an open source and "JavaScript + HTML5 canvas-powered" vector graphics scripting framework. Besides being a wrapper for the "canvas", it has much more to offer like working with nested layers, groups, paths, compound paths, rasters, symbols, etc. These items are handled and drawn automatically by Paper.js so you can focus on styling and/or [...]
Mashi is an open source JavaScript toolkit for creating timeline-based, Flash-like movies and complex animations using HTML, CSS + JS. It is standalone, modular, object-oriented and lightweight. Additional plugins are only required for advanced usage. In contrast to other animation tools, Mashi uses a scene-based timeline. So you are not limited to a timeline divided [...]
Although images are usually expected to be static elements, customizing them on the client-side (via JavaScript) can be very handy considering the ability to applying effects and changing them anytime while still keeping the original files. vintageJS is a jQuery plugin that uses the HTML5 <canvas> element for adding a retro feel to images. It [...]
jQuery.Easie.js is a plugin for the popular JavaScript framework for creating CSS3-like easing animations. With the help of a web-based drag 'n' drop interface, it enables you to create the easing curve and generates the related jQuery + CSS3 code automatically. This way, you can use the CSS easing code for supported browsers and the [...]
CamanJS is a JavaScript image manipulation library that makes use of HTML5 <canvas> tag. With a simple-to-use interface, advanced filters including saturation, contrast, gamma, brightness or exposure can be applied. It has a layer system -similar to the ones in Photoshop or GIMP- that creates so many possibilities. The library can be extended with new [...]
