JavaScript
Article

10 Nice (Assorted) JavaScript and jQuery Plugins

By Sam Deering

Just a collection of assorted JavaScript and jQuery plugins you might find useful in developing your website. Have fun!

Related Posts:

1. Fast and Simple Toggle View Content with jQuery

This script is using the UL list and allows user to toggle to display the content of LI items. This is a useful user interface feature that helps designers to save space and build a less complicated user interface.


Fast and Simple Toggle

Source
Demo

2. GlassBox

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


GlassBox

Source
Demo

3. Retro Animated Flip-Down Clock

In this tutorial, you will create an animated flip down clock inspired by the 70’s. Using the Mootools framework, Alexandru Pitea tried to replicate the flip action of the pads and make it as lifelike as possible.


Flip-Down Clock

Source
Demo

4. Twitter-Like Load More Widget

You click the link and fresh items magically appear on the screen. This tutorial teaches you to use AJAX, CSS, JavaScript, JSON, PHP, and HTML to create that magic.


Twitter-Like Load

Source
Demo

5. MooTools Drag Opacity

In this tutorial David Walsh will learn you how to make a “drag opacity and fading” effect with the help of some MooTools. The code itself is quite simple — Drag.Move’s onStart and onComplete events to begin and end the fading.


MooTools Drag Opacity

Source
Demo

6. Folder Collapser for Dynamic Content

How to create a group of collapsible folders using pure JavaScript and some JQuery added to the final product to give it a little bit of flare. The code will be structured in such a way that allows for implementation into a dynamic page.


Folder Collapser

Source
Demo

7. Skype-Style Buttons Using MooTools

jQuery expert Janko Jovanovic dropped a sweet tutorial showing you how to create a Skype-like button using jQuery. David Walsh was impressed by Janko’s article so he decided to port the effect to MooTools.


Skype-Style Buttons

Source
Demo

8. Easy List Splitter – jQuery Plugin

The Easy List Splitter plugin will get your list, wrap it into a container div, generate as many lists as the number of columns you require and evenly split the list items into the different list elements. It generates a valid HTML code that you can style as you wish.


Easy List Splitter

Source
Demo

9. Dynamic FAQ Section – jQuery & YQL & Google Docs

In this tutorial you will learn how to create dynamic FAQ section – with the help of jQuery and YQL, which pull the contents of a shared spreadsheet in your Google Docs, and use the data to populate your FAQ section with questions and answers.


Dynamic FAQ Section

Source
Demo

10. Giveaway Randomizer App – jQuery

In this tutorial you will learn how to create a dedicated randomizer jQuery application – especially for choosing winners in competitions and giveaways. The goal is to get a randomly selected list of contestants and their prizes.


Giveaway Randomizer App

Source
Demo

Free Guide:

7 Habits of Successful CTOs

"What makes a great CTO?" Engineering skills? Business savvy? An innate tendency to channel a mythical creature (ahem, unicorn)? All of the above? Discover the top traits of the most successful CTOs in this free guide.

Recommended
Sponsors
Because We Like You
Free Ebooks!

Grab SitePoint's top 10 web dev and design ebooks, completely free!

Get the latest in JavaScript, once a week, for free.