Plugins
Home

The plugins site is currently in development.

We've been looking to provide a higher-quality, spam-free experience at the plugins site for some time, and a major error on our part forced us to shut down the current site before we could put the new one in place. We are developing a new site, and you can follow along with its development on GitHub. For more information about this transition, including steps you can take as a plugin author to prepare, please read our post about what's going on.

dom


rr2jquery (browser detect, DOM Templates, create SWF)

Submitted by vflash on September 30, 2010 - 6:51am

Browser detect - a compact and easy way to determine your browser. feature ideas to use NaN.
DOM Templates - template on the client. The example is a bookmarklet it will simplify the conversion of DOM in js-template.
create SWF - a simple way to insert flash onto the page.

------ RUS -------

Небольшое расширение для jQuery, которое может быть кому-то полезным или дать новые идеи

Browser detect - компактный и простой способ определения браузера. особенность идеи в использовании NaN.
DOM Templates - шаблонизатор на клиенте. в примере есть букмарклет он упростит преобразование DOM в js-шаблон.
create SWF - простой способ вставить flash на страницу.

multiHtml

Submitted by valan on July 20, 2010 - 9:41pm

multiHtml will simplify adding multiple pieces of content of different types to an element. It is similar to $.html(), but it takes an arbitrary number of arguments, and appends each one to the element, allowing you to pass in strings, and jquery dom elements alike. The result is nested dom creating code that is much easier to read.

JSONimal

Submitted by phleet on July 16, 2010 - 11:30am

Elegant DOM creation with JSON.

Example:


$(function() {
$.mktag("#demo").jsonimal([
["h1", {text: "JSONimal!"}],
["table",{style: 'border: 1px solid black'},[
["thead",[
["tr",{style: 'background-color: red'},[
["th", {text: "one"}],
["th", {text: "two"}],
["th", {text: "three"}]
]]
]],
["tbody", [
["tr",[
["td", {html: "a"}],
["td", {text: "b"}],
["td", {text: "c"}]
]],
["tr",[
["td",[
["a", {href: "http://www.google.ca", text: "Google"}]
]],
["td", {text: "b"}],
["td", {text: "c"}]
]],
["tr",[
["td", {text: "a"}],

jquery.dominator

Submitted by Enrico on July 8, 2010 - 1:27pm

Creates DOM elements using CSS selectors.

Currently supports tags, classes, ids and attributes. Allows variables.

jQuery Round Images

Submitted by TheTomThorogood on July 5, 2010 - 9:44am

Fixes an issue with CSS border-radius and images where border-radius isn't displayed on the images.

http://www.webdesignerwall.com/tutorials/css3-rounded-image-with-jquery/

It also optionally hooks into several DOM events to allow persistent image fixing ie. if you insert a new image tag it will automatically fix it if required or if you change the style, class or the id attribute and the image is now being rounded it will fix it.

Example 1:

$('body').prepend('<img class="rounded" src="img.jpg" />'); //This works
$.roundImages(); //Round all images that exist at this time
$('body').prepend('<img class="rounded" src="img.jpg" />'); //This wont work because its not set to persistent

Example 2:

$('body').prepend('<img class="rounded" src="img.jpg" />'); //This works
$.roundImages(true); //Round all images that exist at this time + are created/modified in the future
$('body').prepend('<img class="rounded" src="img.jpg" />'); //This works now
$('img#someImage').css('border-radius', '50px'); //This also works

Example 3:

$('img#someRoundImage').roundImages();
//img#someRoundImage will now be rounded, there is no persistent setting when using it like this

jQuery Shorthand CSS

Submitted by mateus007 on June 11, 2010 - 8:46am

Retrieve CSS properties in format shorthand, extension for jQuery(elem).css();
Details in http://github.com/mateus007/jQuery-Shorthand-CSS

jQuery.Hashigo.js

Submitted by ptetau on May 24, 2010 - 7:13pm

jQuery.hashigo.js by Patrick Te Tau

Hashigo is spreadsheet style programming on the DOM.
Perfect for tasks like calculating values in a shopping basket, or writing validation.
- You program formulas which are JavaScript with selectors as values
DOM elements, e.g.
$('#a').calc('parseFloat(${#b})+parseFloat(${#c})');

- Selectors become values
- The result RECALCULATES with every change (a 'keyup' event), just like a spread sheet

zLastFM - LastFM plugin for jQuery

Submitted by zazar on April 17, 2010 - 1:12pm

This plugin will get the Loved Tracks, Recent Tracks, Top Albums, Top Artists and Top Tracks for a Last.FM user (requires an API key). It produces structured HTML with in-built CSS classes for styling. Simple and easy to use.

Features

  • Choose from Loved Tracks, Recent Tracks, Top Albums, Top Artists and Top Tracks.
  • Displays header, image, track name, artist name and playcount.
  • Choose the number of items to return.
  • Optionally give a default image.
  • Produces all HTML code and style classes.

zFlickrFeed - Flickr Feed Reader Plugin

Submitted by zazar on April 8, 2010 - 2:53pm

This plugin will read Flickr photo feeds for a user and/or a list of tags. It produces structured HTML with in-built CSS classes for styling. Simple and easy to use.

Features

  • Specify a Flickr user ID, photo tags or both.
  • Specify the number of feeds to return.
  • Choose to include header, title and date.
  • Produces all HTML code and style classes.

zTwitterFeed - Twitter Feed Reader Plugin

Submitted by zazar on April 6, 2010 - 12:22pm

This plugin will read Twitter tweets from a given user name. It produces structured HTML with in-built CSS classes for styling. Simple and easy to use.

Features

  • Specify the number of feeds to return.
  • Choose to include header with user icon and screen name.
  • For each tweet displays the user icon, screen name, lapsed time from posting and tweet.
  • Inserts links where available.
  • Produces all HTML code and style classes.