Ajax Freak
All about Ajax and PHP
Scriptaculous ProtoFlow
ProtoFlow is a coverflow effect written in Javascript. It uses Prototype and Scriptaculous to do bulk of the work and it uses Reflection.js to do all the image reflections stuff!
Share it
No comments yet.
No trackbacks yet.
Fancy Thumbnail Hover Effect with jQuery
January 26, 2010 - 9:03 pm
Tags: effect, Jquery
Posted in Jquery | No comments
Recently I was checking out some nice flash galleries and came across an effect that I really liked. I had a sudden urge to duplicate that similar effect but using my bread and butter (CSS and jQuery). I thought I’d share this and maybe some of you can find it useful.
Tutorial | Demo
Share it
Share it
jQuery Feed Menus
January 7, 2010 - 10:57 pm
Tags: effect, Jquery, menu
Posted in Jquery | No comments
jQuery Feed Menus Allows users to click your feed icon and be presented with a list of feeds to choose from, when you have a list of two, three or more links to different feeds offered on your site.
Demo | Download
Share it
Share it
Fixed Floating Elements with Jquery
December 28, 2009 - 12:56 am
Tags: effect, Jquery
Posted in Jquery | No comments
On visiting Apple’s web site an putting items in my shopping basket, I noticed (an old effect) where the shopping basket would follow me down the page. We’ll look at how to replicate the fixed floating sidebars or elements with very little jQuery.
Tutorial | Demo
Share it
Share it
Prototype Hotkeys plugin
December 24, 2009 - 10:25 pm
Tags: Prototype
Posted in Prototype | No comments
Hotkeys.js is a Prototype plugin for binding custom hotkeys and keyboard shortcuts.
Download
Share it
Share it
Phototype – Image manipulation with Javascript
December 22, 2009 - 10:24 am
Tags: Image, javascript, Prototype
Posted in Prototype, javascript | No comments
Description: Phototype is a client/server-side library, based on prototype, which supports all kinds of image manipulations. You are able to rotate, resize, flip and do some other cool effects to images.
Demo and Download: Phototype – Homepage
Share it
Share it
Protofade
December 19, 2009 - 10:24 pm
Tags: effect, image.slideshow, Prototype, scriptaculous
Posted in Prototype | No comments
This script allows you to have simple and smooth (cross-fading…) image galleries and other content slideshows: degrade beautiful without javascript. Protofade requires Prototype (1.6.1) and Scriptaculous Effects (1.8.2).
Demo | Download
Share it
Share it
ProColor- Prototype Color Picker
December 19, 2009 - 10:19 pm
Tags: color, effect, Prototype
Posted in Prototype | No comments
ProColor is a simple, flexible, easy-to-use color-picker for the Prototype Javascript framework. ProColor is designed to be friendly to artists and programmers both. This user’s manual both documents ProColor and demonstrates it in action.
ProColor is compatible with IE6+, Firefox 2+, Safari 3+, Opera 9+, and Chrome. It is not compatible with very [...]
Share it
Prototype Pinwheel
December 19, 2009 - 10:14 pm
Tags: effect, Prototype, scriptaculous
Posted in Prototype | No comments
Pinwheel replaces a standard SELECT element with a Javascript-enhanced version that, when clicked, “pinwheels” outward to display the choices.
Pinwheel degrades gracefully: it reverts to the good ol’ SELECT in the absence of Javascript.
Pinwheel requires the keen Prototype and Scriptaculous libraries. The versions used during development of Pinwheel are 1.6.0.2 and 1.8.1 respectively. Earlier [...]
Share it
AJAX In Place Rich Editor: In place AJAX-powered WYSIWYG editor
December 19, 2009 - 10:03 pm
Tags: ajax, Prototype, scriptaculous
Posted in Prototype | No comments
Using the great libraries Prototype 1.6, Script.Aculo.Us 1.8 and TinyMCE 3.2, IPRE provide a really easy way to implement an in place AJAX-powered editor using WYSIWYG.
Demo | Download
Share it
Share it
Codename Rainbows
Codename Rainbows allows you to effortlessly apply gradients, shadows and highlights to text.
The gradient in this plugin is comprised of a series of one-pixel-high slices of text. These slices are arranged vertically. Every slice is a slightly different shade, and when the slices are positioned via CSS the result is a smooth gradient created entirely [...]
Share it