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.

html5


Tipped - The jQuery Tooltip

Submitted by staaky on January 19, 2012 - 7:49am

Easily create the most beautiful tooltips using the jQuery Javascript library.

http://projects.nickstakenburg.com/tipped

Placeholder Support Detection

Submitted by emmerich on October 7, 2010 - 10:28am

Extends jQuery.support to add a placeholder field, which is set to true or false depending on whether the browser supports the placeholder attribute on input tags.

Credit goes to Mark Pilgrim at Dive Into HTML5

jQuery.placeholder

Submitted by tracker1 on October 5, 2010 - 7:00pm

jQuery Placeholder

While the site is under construction, you can grab the latest version here.

This creates an HTML5-style input placeholder/watermark/hint for browsers without support for a native placeholder attribute on input tags, this plugin will create an overlay/watermark using a LABEL tag, with a placeholder class applied to it. This tag will then be absolutely positioned over the text input, so that it displays over the top when the input has no value, and is not focused.

h5Validate

Submitted by dilvie on October 3, 2010 - 1:47am

A jQuery plugin that understands HTML5 forms and knows how to validate them based on new input attributes such as "required" and "pattern", even in browsers that don't yet support HTML5.

In browsers that do support HTML5, h5Validate allows you to respond to validation failure, so that you can display helpful error messages to your users.

There are a ton of options you can override by passing key: value pairs when you call .h5Validate():

$(document).ready(function() {
$('#black').h5Validate({
errorClass:'black'
});
});

h5Validate on Github

jVideoPlayer

Submitted by stelzman on September 23, 2010 - 1:09pm

jVideoPlayer ist a jQuery-Plugin, to play videos in the "HTML5-Videoplayer". The advantage compared with the default player is the greater functionality,and uniform appearance on the different web browsers (Firefox, Chrome, Safari, Opera). Dabei verwendet jVideoplayer jQueryUI, so that the player is well integrated into the whole layout of the site.

Homepage: http://jvideoplayer.just-page.de

jQuery HTML5 Form Plugin

Submitted by matmancini on September 22, 2010 - 3:39pm

HTML5 validates forms without additional JavaScript.
Currently only Safari & Google Chrome supports this functionality.
This plugin gets the same result in Firefox, Opera & Internet Explorer.
With a single line of code...

HTML5 Canvas drawing

Submitted by TriLLi on September 22, 2010 - 5:10am

This plugin crates drawing bord using html canvas object, and you are able to draw on that board. This is not advanced drawing board like photoshop but it can be funny

Canvas Slideshow

Submitted by webair on September 18, 2010 - 8:59am

Easy to use slideshow, based on html5 canvas element, permit pause, next, back action and show description and box around image.

Lightbox can be enabled via options.

Personalization includes:

  • background, shadow, font and box color
  • scroll speed and frame speed
  • show or hide controls
  • image for controls
  • ...

A demo and tutorial can be found at Webair Blog along with the howto about how we made the plugin and the download link.

jQuery-Placeholder Plugin

Submitted by roflwtfbbq on September 16, 2010 - 8:35am

A jQuery plugin that enables HTML5 placeholder support for legacy browsers