10 jQuery Plugins for your Webpage Customization

Share this article

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

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

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

Sam DeeringSam Deering
View Author

Sam Deering has 15+ years of programming and website development experience. He was a website consultant at Console, ABC News, Flight Centre, Sapient Nitro, and the QLD Government and runs a tech blog with over 1 million views per month. Currently, Sam is the Founder of Crypto News, Australia.

jQuery
Share this article
Read Next
Get the freshest news and resources for developers, designers and digital creators in your inbox each week