JavaScript
Article

10 jQuery Plugins for your Webpage Customization

By Sam Deering

Sometimes, the good stuff is just sitting around waiting to be discovered, and we’re just so lazy to look for it. In this post is another set of 10 jQuery plugins that you might find really useful in creating or customizing your web pages. Enjoy.

Related posts:


1. AutoAnchors


This plugin automatically creates anchors navigation for certain elements (for example H2) inside a container element (div, body whatever …). It automatically generates the anchors and can even make them numbered. And the whole thing is of course fully styleable through CSS.
AutoAnchors.jpg
Source & Demo


2. Backgrounder Plugin


This plugin allows you to fill the background of a page with an image–all while maintaining the aspect ratio and gracefully handling window resizing.
Backgrounder-Plugin.jpg
Source
Demo


3. backstretcher


Stretches the image to cover a background of a page or a DIV.
backstretcher.jpg
Source & Demo


4. Blueberry, a jQuery image slider plugin for responsive web design


Is an experimental open source jQuery image slider plugin which was been written specifically to work with fluid/responsive web layouts.
Blueberry-a-jQuery-image-slider-plugin-for-responsive-web-design.jpg
Source & Demo


5. BogoTabs


Aside from the conventional tabs it offers the ability to create “hidden tabs”. That is, tabs which have no associated activation button, but can be displayed via programmatically activating them. This allows one to create their own custom buttons for tabs, e.g. on the sides or bottom of the tabbed panel.
BogoTabs.jpg
Source
Demo


6. CDZ Image Preloader


An image preloader written in JavaScript/jQuery. This preload all images on your target element including backgrounds. Doesn’t seem to be a demo though sorry.
CDZ-Image-Preloader.jpg
Source


7. fluwi


Small plugin that takes a div(or any other element) and for specified element class resizes all elements so that they fit to container. Again no demo for this one but the plugin could be worth a try if you need to squeeze elements in a container or such.
fluwi.jpg
Source


8. GridNic Simple jQuery Grid


Is a simple jQuery grid plugin for people who need visual listings.
GridNic-Simple-jQuery-Grid.jpg
Source & Demo


9. haml dombuilder for jQuery


jquery-haml is a set of jQuery plugins that make building user interfaces in the browser easy. This works through a js variant of the popular haml templating language.
haml-dombuilder-for-jQuery.jpg
Source
Demo


10. hyjack select


Hyjack Select was designed to replace traditional HTML select input controls (also known as combobox or dropdown lists). Hyjack Select enhances the select by injecting a “search like suggest” text box which queries the page-loaded select option items.
hyjack-select.jpg
Source & Demo

Recommended

Learn Coding Online
Learn Web Development

Start learning web development and design for free with SitePoint Premium!

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