An easy to use and useful jQuery plugin helps create create a customizable website layout using drag and drop with features like saving preference using cookies.The plugins uses jQuery along with the jQuery UI Sortable plugin for drag and drop functionality and the jQuery Cookie plugin for storing item positions
jQuery Spell Checker
SpellChecker is a jQuery plugin used to check the spelling of a HTML element. The plugin comes with an example PHP script that supports two type of spell checking engines:
- PHP’s Pspell extension for aspell
- Google’s spell checking services
If you are able to use Pspell, you will have greater control over your dictionary (with the ability to manage your dictionary words).
jQuery Slideshow / Image Gallery Plugin: PikaChoose
Pikachoose is a lightweight jQuery slideshow / image gallery plugin for rotating through a series of images, comes with tons of great features!
jCarousel integrates smoothly with PikaChoose to give your gallery simple and effective carousel. PikaChoose has API hooks for integrating lightboxes and other things.
Build A Greyscale jQuery Image Gallery
Displaying images galleries on your web pages can be very complicated, much like the jQuery modal boxes, today you will learn a very simple way to create a nice looking image gallery in CSS and jQuery.
The gallery has a main image and multiple alternative images which on the hover event will change the main image.
The CSS will be used to setup the look of the gallery and jQuery is used to change the main image with the alternative images.
jPong – 3d pong created with jQuery
It’s pretty amazing at how fast people can learn certain technologies. A couple of months ago, I learned my friend and ex-classmate Sidney te Grotenhuis some (basic) jQuery. Last week, he contacted me to show off his latest creation: jPong. I was blown away.
By combining jQuery with a collision detection plugin, a line drawing plugin and some own scripting, he was able to create this game. Feel free to dig in the source code (comments were added) to see how it works. But for now, simply start the game and play.
Keyboard JS – Library for binding to keys or key combos
KeyboardJS will allow you to bind to any key the browser can detect. It allows for setting up complex key combos or even single key binds with ease. It is aware of combo overlap and will not fire simpler combos or single key bindings when they share key with larger combos. Basically if you want to use the keyboard, this will let you do it without restrictions.
Zebra_Dialog – a lightweight jQuery dialog box plugin
Zebra_Dialog is a small and highly configurable dialog box plugin for jQuery, meant to replace JavaScript’s “alert” and “confirmation” dialog boxes and built using the jQuery Plugin Boilerplate.Can also be used as a notification widget – when configured to show no buttons and to close automatically – for updates or errors, without distracting users from their browser experience by displaying obtrusive alerts.
Features:
- great looks – out of the box
- 5 types of dialog boxes available: confirmation, information, warning, error and question;
- easily customizable appearance by changing the CSS file
- create modal or non-modal dialog boxes
- easily add custom buttons
- position the dialog box wherever you want – not just in the middle of the screen
- use callback functions to handle user’s choice