Tag Archive | "Animation"

Open Source 3D API - Create Browser Based Rich Applications

Monday, June 8, 2009

1 Comment

O3D is an open source 3D web API to create rich, interactive 3D applications in the browser. This API is shared at an early stage as part of a conversation with the broader developer community about establishing an open web standard for 3D graphics.

Continue reading...

Open Source Javascript Animation Framework - GX

Friday, March 13, 2009

1 Comment

GX is an Open Source Javascript Animation Framework to create complex animations with every W3C CSS property. GX is based on jQuery, the popular Javascript Library. This is full-featured, cross-browser, super-tiny (10kb uncompressed) Javascript Animations Framework. Features Animation support for every CSS property Easing Equations support (with GX.transitions.js) Multi-unit animations & relative animations Easily Customizable Light weight 0% Browser sniffing, 100% pure JavaScript Respects [...]

Continue reading...

Simple jQuery Spy Effect with Tutorial

Friday, January 30, 2009

6 Comments

jQuery Spy Effect scrolls the list in a beautiful way, very attractive style and effect. In a follow up tutorial It’ll show you how to hook this in to an Ajax hit that doesn’t hammer your server and keeps the effect nice and smooth. View Tutorial View Demo

Continue reading...

Animate Your Links - jQuery Link Nudging

Thursday, January 22, 2009

0 Comments

Get animated menu effect using jQuery. A simple and small script that does the trick. Cool effect for your website, or application using jQuery. The jQuery Javascript $(document).ready(function() { $(‘a.nudge’).hover(function() { //mouse in $(this).animate({ paddingLeft: ‘20px’ }, 400); }, function() { //mouse out $(this).animate({ paddingLeft: 0 }, 400); }); }); View [...]

Continue reading...

The Sexy Curls jQuery Open Source Plugin

Tuesday, January 20, 2009

0 Comments

The Sexy Curls jQuery Plugin is an open-source jQuery plugin by Elliott Kember which lets you share in the beauty of the page fold. It has nice curl effect and that curl could be manual or automatic in its behavior. You can easily customize this plugin. Website: http://www.elliottkember.com/sexy_curls.html

Continue reading...

Garage Door Style Menu using jQuery

Tuesday, January 20, 2009

0 Comments

Using jQuery and a plugin to help with animating background /examples/images, we are able to make a sliding “Garage Door” style menu. The menu code is purely semantic. The UL provides the “background”, the list items provide the “shutters” and the links themselves are the “windows”. View Demo Download Files

Continue reading...

jQuery Cycle Builder Slideshow Plugin

Wednesday, January 14, 2009

1 Comment

The jQuery Cycle Plugin is a lightweight slideshow plugin. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and many transition effects. It also supports, but does not require, the Metadata Plugin and the Easing Plugin. The plugin provides a method called cycle which is invoked on a [...]

Continue reading...

Crossfader - Javascript / CSS to fade between elements

Monday, January 12, 2009

0 Comments

Javascript Crossfader is nice script to fade between different divs. It fades in and out using different slides you provide to Crossfader. Crossfader has a very smooth animation effect. The constructor takes three variables: an array containing the ids of the divs to be faded, the fade time (in milliseconds), and the delay between fades (also [...]

Continue reading...

jQuery Image Gallery

Sunday, January 4, 2009

1 Comment

Create your own simple image gallery for your site with jQuery. jQuery makes creating simple interactive web pages a breeze. Use this easy to implement jQuery image gallery to show off your quality images using an interactive interface. This script uses the hover method on thumbnail images to show larger versions of the thumbnail. Demo via: [...]

Continue reading...

jQuery - Start/Stop Slider

Sunday, January 4, 2009

0 Comments

This is a jQuery based slider which auto-detects the number of “slides”. There are multiple animations per slide, which auto-plays, but has a start/stop button. Very easy to adapt. Demo Download

Continue reading...