Tuesday, January 5, 2010

JQuery Plugins - 1

JQuery Plugins - 1

Facebook like Autosuggestion

Filed in Forms - about 1 month ago
Facebook like Autosuggestion user search with jQuery, Ajax and PHP.
Facebook like Autosuggestion

Facebook Style Alert Confirm Box

Filed in Windows & Overlays - about 1 month ago
This shows you how to implement a facebook style alert box.
Facebook Style Alert Confirm Box

Favorite Rating

Filed in Widgets - about 1 month ago
This tutorial shows you how to implement a "Show the love" rating system like amypink.com.
Favorite Rating

Facebook Style Wall Post

Filed in Forms - about 1 month ago
Are you looking for Facebook style wall post application. It contains update, comment and delete with jQuery animation effect.
Facebook Style Wall Post

Coda Bubble

Filed in Animation & Effects - 2 months ago
Based on the tutorial at http://jqueryfordesigners.com/coda-popup-bubbles/ this plugin can be used to create multiple pop-ups Coda Bubble style.

Allow to set options to replace PNG images to .GIF files, or to simply remove bubbles in Internet Explorer, to deal with PNG opacity rendering issue.
Coda Bubble

Stylish Select

Filed in Forms - 2 months ago
A cross-browser, accessible alternative to the standard form element which can be fully customised with CSS.
Stylish Select

Real Person

Filed in Utilities - 2 months ago
This plugin is designed to help overcome automated form submission by requiring a "real person" to identify text made up of dots. The entered value is compared on the server with the generated value to determine whether processing should continue.
Real Person

Search & Share

Filed in Utilities, Widgets - 2 months ago
Search and Share makes highlighting text a more functional action. More specifically, it attempts to understand the intention of a user’s text selection and present a variety of options accordingly. The criteria for understanding the intention is the character length of the selection, and the interpreted actions are copying, searching and sharing.
Search & Share

Simply Scroll

Filed in Animation & Effects - 2 months ago
simplyScroll is a jQuery plugin that can animate (scroll) a set of elements either automatically or manually, horizontally or vertically. It can also accept dynamic image input via a Flickr feed (note not full API integration) or a local JSON source.
Simply Scroll

jmpopups

Filed in Windows & Overlays - 2 months ago
A JQuery Plugin for popups layers.

Drag Scrollable

Filed in Navigation, Utilities - 2 months ago
Scroll a large nested layer within a viewport using native scroll from the container. It does not require drag and drop functionality from UI and it is faster than UI dragging.

Can be used to build a similar effect as in Google maps where you drag contents of a div acting as a viewport.
Drag Scrollable

Fade Colors Using jQuery

Filed in Effects - 3 months ago
This tutorial will explain how to fade a color in array of elements using jQuery.
Fade Colors Using jQuery

Color Changing Text and Backgrounds

Filed in Animation & Effects - 3 months ago
Here’s a quick and easy way to cycle between multiple colors smoothly. Normally you would define the (background) color in the CSS and that would be the end of it. In this case we want to be able to adjust colors after the page has loaded, and not just once either – we’re aiming for continuous adjustments. The lovely part about this whole thing is the small about of jQuery required to make it all happen.
Color Changing Text and Backgrounds

Create Good Looking Floating Menu

Filed in Navigation - 3 months ago
This tutorial will show you how to create a horizontal menu with floating effect by using jquery.easing and jquery animate function. It's a simple effect but the final product is quite nice looking and elegant.
Create Good Looking Floating Menu

Font Controller

Filed in Effects - 3 months ago
Font controller is a lightweight font size controller.
Font Controller

Font Effect

Filed in Effects - 3 months ago
Font effect is a jQuery plugin that add some effect to html text. The available effects are Outline, Shadow, Gradient and Mirror.
No images are used for these effects and no additional CSS is necessary. All effects are contained in the plugin (only 7k minified) and do not interfere with page rendering in older browser or browser with javascript disabled.
Font Effect

Reel Plugin

Filed in Animation & Effects - 4 months ago
Reel is a jQuery plugin which takes an image tag and makes it a live "projection" of pre-built animation frames sequence. Its aim is to provide a 360° view of something or someplace. Great alternative to widely used Flash techniques.
Reel Plugin

Text Over Image

Filed in Animation & Effects - 4 months ago
This plugin creates an animated text effect when the user hovers over an image and will disappear when the mouse is out of the image.
Text Over Image

jQuote

Filed in Widgets - 4 months ago
This plugin allows for semantic block quotes. This plugin avoids duplicate content when JavaScript is not enabled.
jQuote

YouTube Playlist

Filed in Integration - 4 months ago
This plugin allows you to turn a list of YouTube links into a play list.

Facybox

Filed in Animation & Effects - 4 months ago
A jQuery-based, Facebook/Fancybox-style lightbox which can display images, divs, or entire remote pages.
Facybox

Horizontal Tooltips Menu

Filed in Menus - 4 months ago
A horizontal menu with tooltip that slides across the menu panel.
Horizontal Tooltips Menu

Simple Lava Lamp Menu

Filed in Menus - 4 months ago
Shows you how to create a Lava Lamp Menu.
Simple Lava Lamp Menu

Gradient

Filed in Effects - 4 months ago
Have an element filled with a gradient. Set the direction of the gradient and opacity of the gradient easily.
Gradient

Feature List

Filed in Effects - 4 months ago
Simple and easy creation of an interactive "Featured Items" widget.
Feature List

Broken Repeating Animations

Filed in Effects - 4 months ago
Create an image overlay effect to add spice to the images on your website.
Broken Repeating Animations

Scrollable Timeline: Horizontal Scroll Effect

Filed in Navigation - 4 months ago
Create an awesome horizontal scroll effect using the overflow and scrollLeft DOM property & jQuery. This effect is similar to the social timeline display on plurk search.
Scrollable Timeline: Horizontal Scroll Effect

Sexy Lightbox

Filed in Windows & Overlays - 5 months ago
Sexy Lightbox is a more lightweight and sexier clone of the classic Lightbox. It was constructed thinking about web designers, easy installation and use.
Sexy Lightbox

FancyPlayer – jQuery Fancybox and Flowplayer Integration

Filed in Utilities, Windows & Overlays - 5 months ago
This tutorial shows you how to integrate jQuery Fancybox and Flowplayer.
FancyPlayer – jQuery Fancybox and Flowplayer Integration

Easiest “check all” ever with jQuery

Filed in Forms - 5 months ago
This code checks/unchecks all checkboxes within the same fieldset. Simple and semantic.

Speeding up Google Analytics load times with jQuery

Filed in Utilities - 5 months ago
Google Analytics requires JavaScript to be embedded in the web page. To keep the Google Analytics code from interfering with page rendering you can use jQuery to load and execute the ga.js file.
Speeding up Google Analytics load times with jQuery

Animated Menu

Filed in Menus - 5 months ago
This tutorial illustrates how to implement a nice animated menu using jQuery and CSS. In case you don't know about jQuery, it is a "write less, do more" Javascript library. With jQuery we can create amazing effects on the web pages, writing some few lines of codes, and you don't need to be an experienced web programmer.
Animated Menu

imgAreaSelect - Select A Rectangular Area Of An Image

Filed in Widgets - 5 months ago
imgAreaSelect is a jQuery plugin for selecting a rectangular area of an image. It allows web developers to easily implement image cropping functionality, as well as other user interface features, such as photo notes (like those on Flickr).
imgAreaSelect - Select A Rectangular Area Of An Image

Tagbox

Filed in Forms - 5 months ago
Tagbox is a simple tagging plugin for jQuery. It automatically collects and split user input into tags. See project page for more information.
Tagbox

Reinventing a Drop Down

Filed in Forms - 5 months ago
This shows you how to style HTML select / drop down box using CSS and jQuery.
Reinventing a Drop Down

Animated Page Scroll

Filed in Navigation - 5 months ago
This shows you how to implement animated page scroll on your page.
Animated Page Scroll

QuickFlip

Filed in Animation & Effects - 5 months ago
QuickFlip works by using an animation shortcut that is barely noticeable when flipped quickly (hence the name). This shortcut improves performance while allowing the flip effect to work smoothly with any piece of markup regardless of images, backgrounds or CSS.
QuickFlip

HashMask

Filed in Forms - 5 months ago
HashMask is an attempt to find a more secure middle ground between clear and masked passwords. It does this by visualizing a hashed representation of the password as a sparkline with color - the intent being that the user would become familiar with this image and be able to easily confirm that they typed the right (or wrong) password.
HashMask

BigPicture

Filed in Animation & Effects, Media - 5 months ago
jQuery BigPicture is an unobtrusive plugin designed to display images in a modal window along with a full description.
BigPicture

Price Format

Filed in Utilities - 5 months ago
jQuery Price Format Plugin is a plugin to format input text fields as prices. For example, if you type 123456, the plugin updates it to US$ 1,234.56. It is costumizable, so you can use other prefixes and separators (for example, use it to get R$ 1.234,55).

DivCorners

Filed in Effects - 5 months ago
This plugin aims to created an easy way to add border layouts to screen content.
DivCorners

Editable Select

Filed in Forms - 5 months ago
Transforms a select list to a text input so you can edit the value directly, or choose a value from the list options. Basically takes the best of text inputs and select lists and mixes it together.
Editable Select

AD Gallery

Filed in User Interface - 5 months ago
An image gallery plugin with a list of thumbnails below the image. Not quite like Lightbox or Thickbox, but more of a showcase type of gallery.
AD Gallery

jQuery SVG

Filed in Utilities - 5 months ago
A jQuery plugin that lets you interact with an SVG canvas.
jQuery SVG

Mega Menu

Filed in Menus - 5 months ago
Mega Menus refer to drop down menus that contain multiple columns of links. This jQuery script lets you add a mega menu to any anchor link on your page, with each menu revealed using a sleek expanding animation. Customize the animation duration plus delay before menu disappears when the mouse rolls out of the anchor.
Mega Menu

NotesForMenu

Filed in Menus - 5 months ago
NotesForMenu is a very simple jQuery plugin to create a multi-level menu with only one line of code. You can also very easily customize it.
NotesForMenu

AnythingZoomer – a jQuery plugin Zoomer

Filed in Utilities - 5 months ago
AnythingZoomer is a jQuery plugin that will zoom just about anything. Image, text and calendar zooming are examples presented on the website. You can even double click on the unzoomed object to see the enlarged version.
AnythingZoomer – a jQuery plugin Zoomer

iPhone-like Password Fields using jQuery

Filed in Forms - 6 months ago
A plugin that transforms HTML form password field into iPhone / iPod Touch like password fields, passwords get masked while typing but the last character in row is shown in plain text.
iPhone-like Password Fields using jQuery

Create an Interactive, Filterable Portfolio

Filed in Navigation - 6 months ago
How to create an interactive portfolio in jQuery that looks like it was made in Flash.
Create an Interactive, Filterable Portfolio

Realistic Hover Effect

Filed in Events, Navigation - 6 months ago
Add a rising hover effect to a set of icon links.



No comments:

Post a Comment