JavaScript
Article

10 jQuery HTML Plugins

By Sam Deering

Here’s another list of 10 jQuery HTML Plugins to spice up your HTML based websites ;-). Check it out and see what else you’ve never been bumped into. Have fun!


1. jQCandy floating-head-foot plugin


This plugin is useful for HTML pages containing large tables that do not fit in the browser viewport. The goal is to get it fixed on top/bottom of the browser when scrolling through the table, as Excel does for example.
jQCandy-floating-head-foot-plugin.jpg
Source


2. jq-log


jQuery logger can log any object with recursion to html element, or console.
jq-log.jpg
Source


3. “Sticklr” – Sticky Side Panel CSS3 + jQuery Plugin


jQuery plugin to easily create sticky side panel menu.
Features:
> Fixed position
> Left/Right Side
> Centered Automatically
> Still works without JS (CSS Fallback)
> Show on Hover/Click/Dblclick
> Multiple columns
> Flexible Styling
> Cross-browser compatible
> Simple & lightweight
Sticklr.jpg
Source


4. Plasma jQuery Plugin


Is simple plugin which helps you to create beautiful slideshows in few moments. Using this plugin you can create numerous slideshows beginning from simple vertical/horizontal accordion slideshow with optional navigation, titles and so on ending up with slide deck where each slide is stacked on top of previous one.
Plasma-jQuery-Plugin.jpg
Source


5. Kajabity WIKI Text Plugin


Convert WIKI style text to HTML.
This plugin provides the following features:
> $.wikiText( plaintext ) – a jQuery Utility Function to convert WIKI formatted text to HTML.
> $.fn.wikiText( plaintext ) – a jQuery wrapper function to add WIKI formatted text to a DOM object.
Kajabity-WIKI-Text-Plugin.jpg
Source


6. StyleList


Script for flexible styling of lists (ol, ul). Lists are transformed into a table.
StyleList.jpg
Source


7. jQuery Render Plugin


Is Render html by template and JavaScript Object. Dual licensed under the MIT or GPL Version 2 licenses.
jQuery-Render-Plugin.jpg
Source


8. LightHTML


This plug-in is a simple port based on Steven Levithan’s replaceHtml function, designed to speed up the native innerHTML Javascript assignment property and as a replacement for jQuery’s html() function.
LightHTML.jpg
Source


9. Screw (scroll + view) – A jQuery Plugin


Is a jQuery plugin which loads HTML as a user scrolls the webpage. Screw will help you save bandwidth by only loading content as it is scrolled into view.
Screw.jpg
Source


10. HDIMS – HTML positions & dimensions


Useful for developers and designers of web sites to effectively solve the problem of proper positioning and dimensions of the html components.
HDIMS-HTML-positions-dimensions.jpg
Source

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.