Visual-Blast Magazine

JavaScript ColorPicker – a lightweight, powerful and easy to install JavaScript Color Picker app that comes in 4 different sizes – from 151 x 87 px to 405 x 302 px.

ColorPicker let you choose the entire color palette (~16.78 mil. colors) in 6 different color modes +3 extra modes in RGB.

Color picker is highly customizable, color pickers are individually draggable, works in all browsers  - IE, Firefox, Safari, Crome, Opera, Konqueror, …

It doesn’t rely on any JS frameworks – no prototype, mootools, jquery – all native javascript code.

Blockster – is a Javascript image transition effect designed for featured content rotators and/or slideshows.

It is highly customizable in terms of how many blocks are involved, whether they fade in or simply appear, whether they appear in order or randomly, milliseconds between transitions, animation type, and more.

The script has nothing to do with background positioning, so you can safely load your slides with child elements – links, paragraphs, images …

Mootools Message Class – an excellent and simple Mootools class to send a message to the user, or ask a question by using the ask method, or even to create a tool tip, or to create a comment box pop up.

This class requires the Mootools Javascript Framework 1.2.4, and it’s dependent upon these plugins: Element.Position, Element.Measure and Element.Shortcuts.

Tested in IE7+, Firefox, Safari and Google Chrome.

Beautiful Photo Stack Gallery – Tutorial (with source code) on how to create a nice and fresh image gallery using jQuery, PHP & CSS3, with multiple albums support.

The idea is to show the albums as a slider, and when an album is chosen, images are shown in the photo stack view with a slick animation and reflection (reflections only work in Webkit browsers, Google Chrome or Apple Safari).

View DEMO

PHP is used for getting the images for each album from albums folders.

Photo Stack Gallery is fully functional in all latest browsers like Firefox and IE, just without some beautiful properties supported only by Chrome and Safari.

dualSlider – jQuery Plugin aims to provide jQuery users with attractive Dual Animated Slider. Easily highlight recent articles, images, or even a video … basically anything you need.

Sliding content can either be static or come out of a database. If it’s out of a database, the paging is built dynamically by the plugin. View DEMO.

DualSlider comes with all standard options like auto sliding -true/false, autoDelay, durationCarousel and more.

jQuery Raty - simple, powerful and lightweight (3.1Kb minified) Star Rating jQuery plugin with various options.

With custom icons you can easily create all kinds of rating boxes, set up number of stars, a hint information for every star, onClick function that enable a callback when a star is clicked, and more.

Animated table sort – jQuery plugin allows you to sort a table based on a particular column with a fly effect.

The various <td>s fly to their new homes, giving a nice effect. It also supports sorting on REGEXP matches.

Table sort plugin cleans up after itself, and what you’re left with is a legitimate table with each <td> containing the value it visually appears to.

You can also control whether row relationships are maintained, whether it sorts on ascii or numeric and ascending or descending.

Custom Retweet Buttons – a jQuery Plugin that allows you to build your own Custom Retweet Buttons and style it however you like with CSS from the ground up.

Plugin works by using two APIs, it goes to topsy to get the tweet count of the url and then it goes to bit.ly to get a shortened link.

When creating the templates for the button markup and default retweet text, there are a number of variables available like:

• count – The total number of tweets the url has.
• title – The title of the page (can be overridden in the settings)
• url – The full url of the page (can be overridden in the settings)
• account – The twitter account to use in the retweetTemplate.
• shortURL – The bit.ly shortened version of the full url.
• allTweetsURL – The link to all tweets of the url on topsy.

jQuery MegaMenu 2 of the popular jQuery MegaMenu Plugin, with quiet a lot of changes in the code base and usability, with a completely revamped JS and CSS code-base.

View DEMO

Features:

• Customizable menu show and hide effects, with three available options of slideDown/slideUp, fadeIn/fadeOut and simple.
• You can choose to activate the menu by click or by mouseover.
• HoverIntent like feature embedded into the code-base so that we have smooth navigation by default without any external libraries.
• Automatic alignment of the menu content according to the width of the parent menu container.
• Variable width of the menu contents.
• Non obtrusive and easier to understand CSS.

ChillTip is a simple and lightweight (0.8Kb gzipped) jQuery Tooltip Plugin that allows you to have a custom designed tooltip for your website.

Via CSS, you can easily change the tooltip background color, border color, tooltips width, and font size.

It can be used for span, img, anchor attributes and anything else that uses the title attribute. ChillTip has been tested and working in IE6+, Firefox, Google Chrome, Opera and Safari.