Skip to main content

10 jQuery HTML Plugins

By Sam Deering

JavaScript

Share:

Free JavaScript Book!

Write powerful, clean and maintainable JavaScript.

RRP $11.95

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

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.

New books out now!

Get practical advice to start your career in programming!


Master complex transitions, transformations and animations in CSS!

Latest Remote Jobs