jQuery Email Autocomplete Plugin

jQuery Email Autocomplete Plugin

A jQuery plugin that suggests and autocompletes the domain whenever your users type in an email address field.Press the tab-key, or simply click on the suggestion to automatically fill in the rest of the domain.

Capital Letter : jQuery plugin for creating awesome Capital Letters

Capital Letter : jQuery plugin for creating awesome Capital Letters

A simple, lightweight jQuery plugin for creating awesome Capital Letters.

jQuery Boilerplate : A jump-start for jQuery plugins development

jQuery Boilerplate : A jump-start for jQuery plugins development

So, you’ve tried your hand at writing jQuery plugins and you’re comfortable putting together something that probably works. Awesome! Thing is, you think there might be better ways you could be writing them – you’ve seen them done a number of different ways in the wild, but aren’t really sure what the differences between these patterns are or how to get started with them.

This project won’t seek to provide a perfect solution to every possible pattern, but will attempt to cover a simple template for beginners and above. By using a basic defaults object, simple constructor for assigning the element to work with and extending options with defaults and a lightweight wrapper around the constructor to avoid issues with multiple instantiations.

Canvas add-on: Show content in a full-screen slide

Canvas add-on: Show content in a full-screen slide

Canvas was designed to be a simple and straightforward add-on that allows you to display information and content in a dedicated, full screen area separate from your main content. It’s responsive all the way down to tablets and smartphones, ready for retina screens, and is a great addition to any website.

Insert text, images, videos, forms etc. as you would into any page on your website. Nothing except your needs and imagination stand in the way.

jQuery Collapser : jQuery plugin for Collapsing an Element Text

jQuery Collapser : jQuery plugin for Collapsing an Element Text

Collapser is a small and useful jQuery plugin for collapsing/truncating an element text by words, characters and lines with a flexible API. It is an all in one plugin with multiple functionalities to truncate a paragraph or any element as desired.

Features:

  • Four modes of operation
    • Truncate text by characters
    • Truncate text by words
    • Truncate text by lines
    • Show/hide element
  • HTML content present in the elements are preserved during the operation.
  • Simple and flexible API for using in varied applications.
  • Display remaining string count in the show/hide button.
  • No complicated syntax or alterations required, can be used readily.
  • Light weight only 4KB after minification.
  • Works in all browsers. Tested till IE 7 and it works !

jQuery Turtle : Turtle Graphics for jQuery

jQuery Turtle : Turtle Graphics for jQuery

jQuery-turtle is a jQuery plugin for turtle graphics.With jQuery-turtle, every DOM element is a turtle that can be moved using turtle graphics methods like fd (forward), bk (back), rt (right turn), and lt (left turn). The pen function allows a turtle to draw on a full-document canvas as it moves.

Features:

  • Relative and absolute motion and drawing.
  • Functions to ease basic input, output, and game-making for beginners.
  • Operations on sets of turtles, and turtle motion of arbitrary elements.
  • Accurate collision-testing of turtles with arbitrary convex hulls.
  • Simplified access to CSS3 transforms, jQuery animations, Canvas, and Web Audio.
  • An interactive turtle console in either Javascript or CoffeeScript.

jQuery Responsive Countdown with Visual Builder

jQuery Responsive Countdown with Visual Builder

This is a javascript based tool that uses the canvas object to animate SVG defined drawings. The tool uses a flip animation to display the remaining time to or the elapsed time from a target date. The tool detects change of width and height of its container object and responds accordingly. Since it uses vector data to draw the digits and the panels of the countdown, there is no change in the quality of the displayed drawings when it gets resized. The tool features around 30 options to customize but it can also be used in a simple configuration.

Features:

  • Responsive behavior. The tool scales according to available width.
  • Visual tool that assist you to create your unique countdown.
  • Infinite color combinations. Solid color for the digits. Gradient color for the panels.
  • Show hide groups.
  • Two perspective modes.
  • Two sets of digits. Three sets of panels.
  • Setting of time zone.
  • Setting of label captions.
  • Setting of labels font and size.

Picker : jQuery plugin for replacing default checkboxes & radios

Picker : jQuery plugin for replacing default checkboxes & radios

Picker is a jQuery plugin for replacing default checkboxes and radios. Part of the formstone library.

OSG.JS : OpenSceneGraph JavaScript WebGL framework

OSG.JS : OpenSceneGraph JavaScript WebGL framework

OSGJS is a WebGL framework based on OpenSceneGraph concepts. It allows an individual to use an “OpenSceneGraph-like” toolbox to interact with WebGL via JavaScript, and provides facilities for exporting various assets to the osgjs format. The API is kept as similar to OpenSceneGraph as possible, providing a familiar environment to veterans of the library and introducing newcomers to a popular and heavily-scrutinzed set of interfaces

jQuery Stickit : Sticky header, sidebar or else when scrolling

jQuery Stickit : Sticky header, sidebar or else when scrolling

This is a jQuery plugin provides a sticky header, sidebar or else when scrolling.

Demo: