21 Outstanding JavaScript Effects Every Web Developer Should Know

21 Outstanding JavaScript Effects Every Web Developer Should Know

JavaScript effects is to be added in the website which can really spice up a web page. This is the only time where you can think to enhance your websites interface so that the visitors of your website will remember. Some special techniques or we can say that some effects comes in rescue to spice up any web page. These technique or effects can be obtained from writing the scripts ourselves, or use a pre-made script from JavaScript/Ajax. There is also one option that we use the pre-made script that has been developed by the coders and they made it simple for you to use them free in your existing JavaScript frameworks.

– Unobtrusive Table Actions

Unobtrusive Table Actions

Unobtrusive Table Actions is a JavaScript that allows you to sort rows and columns on table data. With adding a little script you can highlight rows, columns, sort data and lot of other stuff on table data.

– jQuery biggerlink2

jQuery biggerlink2

It is a simple jQuery plugin to make really easy to enable the specified element/s to behave as a proxy for their first contained link. Uses additional css classes to provide the means for the specified element to visually reflect focus and hover states of it’s contained link/s.

– jQuery checkbox

jQuery checkbox

It is simple jQuery plugin which is used to add some effects to checkboxes fields in forms. It supports inline and jQuery attached click events and work with radio buttons too. Dynamic skin changing is also there.

– jwysiwyg

jwysiwyg

This plugin is an inline content editor to allow editing rich HTML content on the fly. With a small file size total of 7kb in size. It’s an alternative to WYM editor, the main concept is to keep it simple.

– iCarousel

iCarousel

iCarousel is an open source (free) javascript tool for creating carousel like widgets.Rotating is a function that can be achieve in different ways like fading and scrolling. Well here is iCarousel becomes useful. It’s a one step forward trying to generalize all those types of widgets providing a rich presentation and making the task easy to be done.

– Uni Form

Uni Form

Uni-Form is an attempt to standardize form markup (xhtml) andcss, “modularize” it, so even people with only basic knowledge can get nice looking, well structured, highly customizable, semantic, accessible and usable forms.

– Control Tabs

Control Tabs

Control.Tabs attaches creates a tabbed interface from an unordered list of links/anchors that point to any elements on your page that have an id attribute. Since it attaches these behaviors to HTML that already has semantic meaning, it will degrade gracefully for browsers that do not support JavaScript, and is search engine friendly. It attaches in one line of code for simple use cases, but is highly customizable and can be used in a variety of edge cases.

– Clicks heatmap

Clicks heatmap

ClickHeat is a visual heatmap of clicks on a HTML page, showing hot and cold click zones. ClickHeat is an OpenSource software, released under GPL licence, and free of charge.

– Maillist

Maillist

Mailist is a PHP based subscription mailing list. A stylish interface, twinned with ajax, provides seamless additions with no page reloads. Mailist has customisable email headers and footers, back up options, download (txt or csv) and outbox.

– Searchfield

Searchfield

SearchField is a simple lightweight, unobtrusive script that adds styling and behaviour to your search form fields. All you need to make SearchField work is a simple form field and 2 lines of code (links to css and js file) and you are ready to rock.

– Fancy Upload

Fancy Upload

Swiff meets Ajax for powerful and elegant uploads. FancyUpload is a file-input replacement which features an unobtrusive, multiple-file selection menu and queued upload with an animated progress bar. It is easy to setup, is server independent, completely styleable via CSS and XHTML and uses MooTools to work in all.

– Relay Directory Manager

Relay Directory Manager

Relay is a new and easy to use directory manager and you can use it if you are fed up with your hosting company provided manager. It gives you functions likes drag-and-drop files and folders, upload progess bar, thumbnail view, multiple users and accounts.

– GlassBox

GlassBox

GlassBox is a lightweight JavaScript User Interface (UI) library, which use Prototype and Script.aculo.us for some effects. GlassBox lets you easily build lucent borders, colorful layouts and “Flash-like” effects.

– Livevalidation

Livevalidation

LiveValidation is a small open source javascript library for making client-side validation quick, easy, and powerful. It comprises of two main parts. Firstly, it provides developers with a rich set of core validation methods, which can also be used outside the context of forms. Secondly, it provides your visitors with real-time validation information as they fill out forms, helping them to get it right first time, making the forms easier, quicker and less daunting to complete.

– INSTANT JS

INSTANT JS

Instant.js allows you to add an instant picture effect (including tilt) to images on your webpages. It means you can add cool background images. tilt to any side and effects on your webpage.

– Jcrop

Jcrop

Jcrop is the quick and easy way to add image cropping functionality to your web application. It combines the ease-of-use of a typical jQuery plugin with a powerful cross-platform DHTML cropping engine that is faithful to familiar desktop graphics applications.

– Ajax Instant Messenger Ajax IM

Ajax Instant Messenger Ajax IM

Ajax IM is a browser-centric instant messaging framework. It uses AJAX to create a real-time (or near real-time) IM environment that can be used in conjunction with existing community and commercial software, or simply as a stand-alone product.

– ImageFlow

ImageFlow

ImageFlow is an unobtrusive and userfriendly JavaScript image gallery. It is an object-oriented script, that means you can create many instances of it on one website. You can also customize each instance differently.

– Drastic Map

Drastic Map

DrasticMap is an Ajax-based component that displays data from MySQL in a Google map. You can configure according to your need and integrate on your website. There are lots of options to play with.

– TextboxList

TextboxList

TextboxList turns normal textboxes into a widget which can be navigated with the keyboard, effectively turning your input into a “list” of items that can be easily deleted. It comes with an Autocomplete plugin. It is mainly supported in all browsers.

– Image Menu

Image Menu

The Image Menu is a simple JavaScript work in which images are used to make a horizontal image menu. Simply hovering the link will show you the full image by expanding. Mostly work in every browser.

Share It

Related Posts