Posts Tagged ‘Animation’

Open Source 3D API – Create Browser Based Rich Applications


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.

Open Source 3D API - Create Browser Based Rich Applications

Read the rest of this entry
Posted on: June 8, 2009 as Design
No Comments

Open Source Javascript Animation Framework – GX


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.

Open Source Javascript Animations Framework

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 the Strict Standards and doesn’t generate Javascript/CSS Warnings

Website: http://gx.riccardodegni.net

Demo: http://gx.riccardodegni.net/demos

Posted on: March 13, 2009 as Javascript, Open Source, Scripts
No Comments

Simple jQuery Spy Effect with Tutorial


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.

Simple jQuery Spy Effect

View Tutorial

View Demo

Animate Your Links – jQuery Link Nudging


Get animated menu effect using jQuery. A simple and small script that does the trick. Cool effect for your website, or application using jQuery.

Animated Your Links - jQuery Link Nudging

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 Demo

Posted on: January 22, 2009 as Javascript, Menu and Navigation, Scripts
No Comments

The Sexy Curls jQuery Open Source Plugin


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.

The Sexy Curls jQuery Open Source Plugin

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

Posted on: January 20, 2009 as Javascript, Open Source, Scripts
No Comments

Garage Door Style Menu using jQuery


Garage Door Style Menu

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

Posted on: January 20, 2009 as Menu and Navigation, Scripts
No Comments

jQuery Cycle Builder Slideshow Plugin


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.

jQuery Cycle Bilder Slideshow Plugin

The plugin provides a method called cycle which is invoked on a container element. Each child element of the container becomes a “slide”. Options control how and when the slides are transitioned.

You can use images, text, video and all kind of media with this.

Website: http://malsup.com/jquery/cycle/

Posted on: January 14, 2009 as Gallery, Javascript, Open Source, Scripts
No Comments

Crossfader – Javascript / CSS to fade between elements


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.

Crossfader - Javascript / CSS to fade between elements

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 in milliseconds).

Crossfader Demo

Download Crossfader

Posted on: January 12, 2009 as CSS, Design, Gallery, Javascript, Scripts
No Comments

jQuery Image Gallery


jQuery Image Gallery

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: http://www.adamoliver.net/jquery-image-gallery

Download via: http://blog.adamoliver.net/wp-content/uploads/2008/12/jquery-gallery.zip

Requirements: http://www.jquery.com/

Posted on: January 4, 2009 as Gallery, Open Source
1 Comment

jQuery – Start/Stop Slider


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.

jQuery - Start/Stop Slider

Demo

Download

Posted on: January 4, 2009 as Menu and Navigation, PHP, Scripts
No Comments