Category: Javascript

jQuery Content Slider and Ticker Plugin – bxSlider

/ 0 Comments / Category: Javascript, jQuery/

bxSlider – a jQuery plugin for creating content sliders and tickers that can be used on any element which contains children.

There is 3 modes: slide, fade and ticker. You can easily customize bxSlider settings like duration of transition, width of container element, direction of ticker movement, and more.

View bxSlider demos

jQuery Growl-like Notifications Plugin – Gritter

/ 0 Comments / Category: Javascript, jQuery/

Gritter – a jQuery plugin for creating Growl-like notifications (bubble/popup) that appears at the top right of your web pages.

View Gritter Demo

You can create multiple notifications controlled with their unique IDs. Notiificatons can be set to fades out after a certain amount of time or to sits there until the user manually removes it by clicking on the (x).

Compatible and tested in Firefox 3, Firefox 3.5, Opera 9, IE7, IE8, Safari 4.

Tip: other Growl-like solutions mentioned here at V-B: Window Growl (MooTools based ) and jGrowl (jQuery based plugin).

Cross-Browser Javascript/CSS Buttons – Simply-Buttons v2

/ 0 Comments / Category: CSS, Javascript/Tags: Menus

Simply-Buttons v2 – learn how to create really nice cross-browser buttons for your sites. You can also download the source CSS and Javascript files with a few button samples.

The buttons:

look and behave the same way in every browser and operating system.
fit to any text size.
come with 3 states: inactive, active and hover.
do not need the javascript to work, they work with just the CSS.

The buttons are created with pure CSS and will work with just CSS. However they look a little better with some Javascript enhancements.

Tested in IE6, IE7, Firefox(PC/MAC), Safari, SafariMobile and Opera(PC/MAC).

jQuery Content Slider

/ 0 Comments / Category: Javascript, jQuery/

jQuery Content Slider – tutorial (source files included in download) on how to create a featured content slider for your website using the jQuery UI library.

Using rotating tabs feature of jQuery UI library, the slider automatically changes the displayed content after given time interval.

View content slider Demo.

The slider can present a limited number of items. depending on the size of the ‘main’ image. In comments you’ll also find the way to enable pause on hover for the current slide.

Multilevel Dropdown Menu | Navigation script – ProtoFish

/ 0 Comments / Category: Javascript/Tags: Menus, prototype

ProtoFish – is an advanced Multilevel Dropdown Menu / Navigation script based on Prototype. You can easily add a delay to your menu (on mouseout) and choose your own hover class.

View ProtoFish Demo

ProtoFish is:

lightweight script – only 5.2kB.
unobtrusive – fallback to a standard CSS hover menu.
cross-browser – IE6+, Safari 3+, Opera 9+, Chrome, Firefox 2+.
fully customizable.
accessible for keyboard navigating users (ARIA support can be turned on).
Supprot multiple instances per page with unlimited sublevels.
and is free (MIT License).

Customizable Lightbox Effect Script – jQuery SuperBox!

/ 0 Comments / Category: Javascript, jQuery/

jQuery Superbox! is a jQuery plugin which allows you display windows with the lightbox-like effect. The minified version of Superbox is only 2kb when using GZip compressing, 5.4kb otherwise.

Main reasons to create a new script of this kind:

Accessibility – only the rel attribute is used to launch the script. The href attribute is therefore coherent: it targets the address of a picture, of a page, or an element identifier (anchor).
Extensibility – Superbox doesn’t set any style, everything is easily and entirely CSS stylable.
The MIT license – this license allows you to use, duplicate, modify, publish, distribute, merge, sell and even change the script license. Your only obligation is to keep the script’s author name.

jQuery Superbox! can display pictures, image galleries, external pages, a page element or even AJAX loaded content.

jQuery inline form validation script

/ 0 Comments / Category: Javascript, jQuery/Tags: Forms

jQuery inline form validation – a versatile solution that works with every form.

The script creates a div and positions it in the top right corner of the input and displays validation message like a tooltip. This way you don’t have to worry about your HTML form structure.

The rounded corner and shadow are done with CSS3 and degrade well in non compliant browsers. There is no images needed. Validation rules are created inside the classes of every input.

jQuery Tools – Essential Tools in One Library

/ 0 Comments / Category: Javascript, jQuery/

jQuery Tools is a collection of the most important user-interface components for today’s websites. The library weighs only 5.72 Kb.

The library contains six of the most useful JavaScript tools: tabs, tooltip, scrollable, overlay, expose and flashembed.

All of these tools can be used together, extended, configured and styled. Every feature in the library is very well documented with examples.

jQuery Plotting Plugin – jqPlot

/ 0 Comments / Category: Javascript, jQuery/Tags: Charts

jqPlot – is a plotting and charting jQuery plugin. jqPlot can produce beautiful line, bar and pie charts. jqPlot is an open source project by Chris Leonello and is totally free.

jqPlot comes with many features like:

Numerous chart style options.
Date axes with customizable formatting.
Up to 9 Y axes.
Rotated axis text.
Automatic trend line computation.
Tooltips and data point highlighting.
Sensible defaults for ease of use.

jqPlot has been tested on IE 6, IE 7, IE 8, Firefox, Safari, and Opera.

JavaScript Tree Component – jsTree

/ 0 Comments / Category: Javascript, jQuery/

jsTree - is a javascript based, cross browser tree component. It is packaged as a jQuery plugin and is absolutely free – licensed under GPL and MIT licence.

With jsTree you can create the tree from the predefined HTML, JSON and XML data sources.