Functionn

jQuery Dice A jQuery Plugin To Display A Dice, Click On It And Retrieve A Random Number (Between 1 & 6)

2012-05-25T21:28:00.001+04:00

jQuery Dice is a very simple plugin which allows to display a dice, click on it and retrieve a random number (between 1 and 6, of course.) You can easily modify the plugin to change the dice glyph.

Requirements: jQuery
Demo: http://efrane.github.com/jquery-dice/
License: Free

jQuery.textntags - A jQuery UI Plugin Component To "@tag" Someone In A Text Message

2012-05-25T20:26:00.001+04:00

jQuery.textntags is a small UI component that allows you to "@tag" someone in a text message, just like you are used to on Facebook or Twitter.

When tags are being added to the input, a marked-up version of the value is generated, to allow the tags to be extracted, parsed and stored later.

Requirements: jQuery
Demo: http://daniel-zahariev.github.com/jquery-textntags/#examples
License: MIT License

Jwerty - Awesome Handling Of Keyboard Events

2012-05-25T20:15:00.001+04:00

Jwerty is a JavaScript library which allows you to bind, fire and assert key combination strings against elements and events. It normalises the poor standard API into something easy to use and clear.

Jwerty is a small library, weighing in at around 1.5KB bytes minified and gzipped (~3KB minified). Jwerty has no dependencies, but is compatible with jQuery, Zepto or Ender if you include those packages alongside it.

Requirements: None
Demo: http://keithcirkel.co.uk/jwerty/
License: MIT License

Meteocons - A Set Of 40+ Weather Icons Icons In PSD, CHS, EPS, SVG, Desktop Font & Web Font

2012-05-24T20:02:00.000+04:00

Meteocons is a free weather icon set, it works perfect for apps or your new web project. This set containg 40+ icons available in PSD, CHS, EPS, SVG, Desktop font and Web font. You may use these icons for both commercial and personal projects and customize them any way you like. All icon and updates are FREE.

Requirements: None
Demo: http://www.alessioatzeni.com/meteocons/
License: Free

jQuery Mask Plugin - A jQuery Plugin To Easily Implement Field Masks

2012-05-24T19:51:00.000+04:00

jQuery Mask Plugin is a jQuery plugin to make implementing field masks a piece of cake.

Features

String/Numeric/Alpha/Mixed masks.
Reverse Mask.
Data type validation.
Automatic maxlength.
Live event's for ajax/realtime apps.
Callbacks.
On-the-fly mask change.

Requirements: jQuery
Demo: http://igorescobar.github.com/jQuery-Mask-Plugin/
License: MIT License

Qwery - The Tiny Selector Engine

2012-05-24T19:38:00.000+04:00

Qwery is a small blazing fast query selector engine allowing you to select elements with CSS1|2|3 queries. It's a port from where Simon Willison left off with his getElementsBySelector in 2003, and believe it or not, this is exactly where jQuery started.

Qwery supports all the basic CSS1 & CSS2 selectors, plus the additional (most important) attribute selectors from CSS3. Additionally it allows multi-selects (div,p) as well as context-aware selectors (like jQuery.find()). Qwery is 1k (gzip+min) .

Browser Support

Qwery attempts to stay up to date with Yahoo's Grade A Browser Support in addition to future browser candidates.

IE6+
Chrome 1+
Safari 3+
Firefox 2+
Opera

Requirements: None
Demo: https://github.com/ded/qwery
License: MIT License

Pjscrape - A Web-Scraping Framework Written In JavaScript, Using PhantomJS And jQuery

2012-05-23T20:26:00.003+04:00

Pjscrape is a framework for anyone who's ever wanted a command-line tool for web scraping using JavaScript and jQuery. Built to run with PhantomJS, it allows you to scrape pages in a fully rendered, Javascript-enabled context from the command line, no browser required.

Features

Client-side, Javascript-based scraping environment with full access to jQuery functions
Easy, flexible syntax for setting up one or more scrapers
Recursive/crawl scraping
Delay scrape until a "ready" condition occurs
Load your own scripts on the page before scraping
Modular architecture for logging and writing/formatting scraped items
Client-side utilities for common tasks
Growing set of unit tests

Requirements: jQuery, PhantomJS
Demo: http://nrabinowitz.github.com/pjscrape/#tutorial
License: MIT License

firstImpression.js - A Micro-Library For Detecting New Visitors

2012-05-23T20:03:00.000+04:00

firstImpression.js is a micro/nano-library (1 kb minified) that answers the simple question, “Has this user visited this site before?” The detection doesn’t require much logic, so the majority of the code is just a Plain JavaScript port of the popular jquery.cookie plugin.

Browser Support

This should work in any browser that supports cookies. Tested briefly in Chrome, Firefox, Opera, IE6-10, iOS, Android, and Opera Mobile.

Requirements: None
Demo: http://www.ravelrumba.com/blog/new-visitors...
License: MIT License or GPL

jQuery.mobile.lazyloader - A Proper jQuery Mobile Widget For Lazy Loading Listviews

2012-05-23T19:53:00.001+04:00

jQuery.mobile.lazyloader is a proper jQuery Mobile Widget for lazy loading listviews with AJAX calls to a server-side resource.

Lazyloading (i.e. loading the content as it's needed during a scroll of a listview or similar control) is a great way to optimize the performance of any app that contains a list of 50 or more items. With the LazyLoader Widget for jQuery Mobile, you can easily lazyload any listview without having to write a bunch of custom code to accomplish it. The idea is to enable the widget on index pageinit, and then track instances of pages that contain listviews that can all be independently lazyloaded with the main widget instance.

Note: This is only the client-side part of the lazyloading solution. It requires a server-side resource that returns a simple JSON formatted string.

Live demo of jQuery.mobile.lazyloader can be found on the demo of a larger project here:
http://www.mpdtunes.com. Click on the "Live Demo" tab and log in. Add a bunch of music to the queue (demo songs can be added more than once) and then go to view the Queue and the list of songs in the queue will be lazy loaded.

Requirements: jQuery, jQuery Mobile
Demo: http://www.mpdtunes.com
License: MIT License

Matador - An Obvious MVC Framework For Node.js

2012-05-22T21:59:00.000+04:00

Matador is a clean, organized framework for Node.js architected to suit MVC enthusiasts. It gives you a well-defined development environment with flexible routing, easy controller mappings, and basic request filtering. It’s built on open source libraries such as Hogan.js for view rendering, Klass for its inheritance model, Valentine for functional development, and Express to give a bundle of other Node server related helpers.

Requirements: Node.js
Demo: http://obvious.github.com/matador/
License: Apache License v2.0

jQuery Scroll Depth - A jQuery Plugin To Track Page Scroll Depth

2012-05-22T21:42:00.000+04:00

jQuery Scroll Depth is a jQuery plugin that tracks how far down the page a user has scrolled and then reports data back to Google Analytics using the GA Events API. The default behavior reports on the 25%, 50%, 75%, and 100% scroll marks. It also sends an initial "Baseline" event to use as a benchmark.

In addition to the percentage scroll marks you can trigger events based on specific DOM elements. For example you can tell the plugin to report whenever the article comments div is scrolled into view, or whenever the footer is reached.

Data is sent to Google Analytics so it's required that you have Google Analytics tracking implemented on your site.

Plugin options

The plugin offers a few options:

minHeight: This lets you enable scroll tracking based on a minimum document height. "Only track scroll events for documents taller than 2000px." The default setting is 0 (i.e., all pages are tracked).
elements: This lets you record scroll events for specific elements on the page. "Track when the footer is scrolled into view." You can specify multiple elements but each should be a unique element. In other words you should specify IDs or singular HTML elements, not classes with multiple instances. The default setting is an empty array: [].
percentage: If you want to turn off the default scroll percentage tracking and only track certain DOM elements, set this to false. The default setting is true.

Requirements: jQuery, Google Analytics Asynchronous Tracking Snippet
Demo: http://robflaherty.github.com/jquery-scrolldepth/
License: MIT License or GPL

Chronoline.js - A Library For Making A Chronology Timeline Out Of Events On A Horizontal Timescale

2012-05-22T21:19:00.000+04:00

Chronoline.js is a library for making a chronology timeline out of events on a horizontal timescale. From a list of dates and events, it can generate a graphical representation of schedules, historical events, deadlines, and more.

Browser Support

Internet Explorer 8+ (except the tooltips)
Firefox 12+
Chrome 18+

Requirements: jQuery, Raphael.js, qTip2
Demo: http://stoicloofah.github.com/chronoline.js/
License: MIT License

LiveScript - A Language Which Compiles Down To JavaScript, Derived From CoffeeScript

2012-05-21T21:39:00.000+04:00

LiveScript is a language which compiles down to JavaScript. It is a fork of Coco which is in turn derived from CoffeeScript. Like those two it has a relatively straightforward mapping to JavaScript. LiveScript is Coco but much more compatible with CoffeeScript, more functional, and more feature rich. LiveScript aims for increased expressiveness and code beauty.

Requirements: Node.js
Demo: http://gkz.github.com/LiveScript/
License: MIT License

WYSIHTML5 - A Better Approach To Rich Text Editing

2012-05-21T21:27:00.001+04:00

WYSIHTML5 is an open source rich text editor based on HTML5 technology and the progressive-enhancement approach. It uses a sophisticated security concept and aims to generate fully valid HTML5 markup by preventing unmaintainable tag soups and inline styles.

Features

It's fast and lightweight (smaller than TinyMCE, Aloha, ...)
Auto-linking of urls as-you-type
Generates valid and semantic HTML5 markup (even when the content is pasted from MS Word)
Uses class names instead of inline styles
Unifies line break handling across browsers
Uses sandboxed iframes in order to prevent identity theft through XSS
Speech-input for Chrome
No jQuery required

Browser Support

Firefox 3.5+
Chrome
IE 8+
Safari 4+
Safari on iOS 5+
Opera 11+
Graceful degradation: Unsupported browsers will get a <textarea>

Requirements: None
Demo: http://xing.github.com/wysihtml5/
License: MIT License

SuperScrollorama - A jQuery Plugin For Doing Supercool Scroll Animation

2012-05-21T21:13:00.000+04:00

SuperScrollorama is a jQuery plugin for doing supercool scroll animations. You can fade text, fly it, spin it, scale it, smush it, pin it, slide it, wipe it, bounce it, color it, fling it, move it, parallax it, bring it among the various effects which SuperScrollorama can perform. Superscrollorama is powered by TweenMax and the Greensock Tweening Engine.

Requirements: jQuery
Demo: http://johnpolacek.github.com/superscrollorama/
License: MIT License or GPL

Complexify - A jQuery Password Strength Meter Plugin

2012-05-19T19:33:00.000+04:00

Complexify is a jQuery password strength meter plugin. Many websites give an indicator of how secure a password is, and require a minimum standard of security. However this is always poorly implemented with rules such as 'must require a number' even if the password is 30 characters long and clearly very secure. Often the only requirement is a minimum number of characters, a very poor indicator of password strength.
Complexify calculates a rating for the password based on how difficult it would be to brute-force it. What does this actually mean?

If I have an 8 character password that only uses lower case characters, it's not good enough and I will need to make it better. But if I have a 25 character password that happens to not have a number in it, I am not going to be forced to add one.

Complexify's default settings will enforce a level of complexity that would mean brute-forcing should take ~600 years on a commodity desktop machine. The 'perfect' password used to scale the complexity percentage would take 3×10^33 years.

Requirements: jQuery
Demo: http://danpalmer.me/jquery-complexify
License: WTFPLv2

Javascript onMediaQuery - A Neat Way To Trigger JavaScript When Media Queries Change

2012-05-19T19:19:00.000+04:00

Javascript onMediaQuery is a neat way to trigger JS when media queries change. Jeremy Keith recently posted a fantastic way of getting CSS and Javascript to talk media queries with the CSS :after pseudo-property. This has a number of advantages over using window.matchMedia(), namely that you only have to maintain your breakpoints in one place, and it fails more gracefully.

Requirements: None
Demo: https://github.com/JoshBarr/js-media-queries
License: MIT License

Guggenheim.js - A Framework Agnostic Plugin For Creating Sexy Interactive Galleries

2012-05-19T19:08:00.001+04:00

Guggenheim.js is a framework agnostic plugin for creating sexy interactive galleries. It uses CSS3 animation (with a fallback to JavaScript) to create animated filtering, reordering and pagination of your gallery.

Requirements: None
Demo: http://oinutter.github.com/guggenheim.js/
License: MIT License

jqBootstapValidation - A jQueryValidation Plugin For Bootstrap Forms

2012-05-18T21:26:00.001+04:00

jqBootstapValidation is a jQuery validation plugin for Twitter Bootstrap forms. jqBootstapValidation supports the following validators:

HTML5 Based

Email
Number
Required
Max
Min
Max length
Min length
Pattern

Extra Validators

Match
Max checked
Min checked
Regex

BUILD YOUR OWN

Mix and multiply

Internally, jqBootstrapValidation only uses data attributes. By default, it will also sniff for native HTML5 form validation attributes, as detailed above. If you decide this isn't what you want, you can restrict jqBootstrapValidation to only data attributes by setting sniffHtml to false when calling it on your form elements.

By default, jqBootstrapValidtion will prevent forms from submitting if any of their elements fail validation by jqBootstrapValidation. If you decide this isn't what you want, you can allow submitting of potentially invalid data for validation server-side (or in case you think someone might have a genuine case for exceptional data).

Requirements: jQuery
Demo: http://reactiveraven.github.com/jqBootstrapValidation/
License: WTFPL

Disordered List - Controlled Randomness With jQuery

2012-05-18T21:13:00.001+04:00

Disordered List - Controlled Randomness With jQuery is a technique for creating a randomly generated messy list. The best part of it is that it can easily be adapted to randomize just about anything.

Requirements: jQuery
Demo: http://scottsiemens.com/list/
License: Free

NegativeGrid - A Lightweight, Fluid CSS Grid Based On A Technique Of Negative Margins

2012-05-18T20:57:00.000+04:00

NegativeGrid is a lightweight, fluid CSS grid based on a technique of negative margins. Negative grid uses a different approach to positioning columns than ordinary grids. Normally, the position of a column is relative to the column on its left (distance set with a left margin). In NegativeGrid the position of all the elements are calculated from the left border of the container. It is all possible due to a simple margin-right: -100% added to columns. There are many benefits of using this technique.

As you may have learnt Opera has problems with calculating percentages (percentage rounding bug) which can ruin the design and is a big problem with fluid layouts. It is especially visible with many narrow columns in a row. Since the positions of columns in the NegativeGrid don’t depend on the positions of columns next to them the possible differences of elements’ width are minimized.

Also, using this technique lets you change horizontal order of columns only by altering left margins – no need to change the order in html! Although I don’t recommended doing that because of accessibility reasons, it may prove quite useful with slideshows.

Requirements: None
Demo: http://chrisplaneta.com/free/negativegrid-demo/
License: Free

Lostorage.js – A JS Library For Client-Side Storage The Way It Should Be

2012-05-17T20:53:00.000+04:00

Lostorage.js uses the HTML5 localStorage and sessionStorage APIs to provide a persistant client-side storage, mainly targeted at web apps. It has a cookie.js like interface.

Features:

The minified version is 2.0 KiB large, 0.87 KB if minified and gzipped.
It has no dependencies.
You can store any kind of data with lostorage.js: Booleans, numbers, strings, arrays and plain objects. With the usual localStorage you can just read strings.
lostorage.js supports chaining.

Requirements: None
Demo: https://github.com/js-coder/lostorage.js
License: MIT License

Harvey.js - A State Manager For CSS Media Queries

2012-05-17T20:32:00.000+04:00

Harvey.js is a state manager for CSS media queries. Media queries are great for visual tweaks and simple behavioral switches, but they become difficult to rely on when behaviors change for larger or smaller devices. Harvey helps you monitor and manage those changes by firing an event whenever your media query is activated.

This method is preferable to relying on a screen resize event because you only receive an event when the query is matched - not for every screen resize. Less testing and more doing.

Requirements: None
Demo: http://harvesthq.github.com/harvey/#demo
License: Free

OmniWindow - Extremely Customizable Modal Window jQuery Plugin

2012-05-17T20:15:00.000+04:00

OmniWindow is an extremely customizable modal window plugin for jQuery with 139 lines of code, written specially for programmers.

Features:

Modal window is not an image gallery.
HTML and CSS should be outside of the plugin code.
You can decide yourself which animations will annoy user's eyes.
Magic numbers and tons of options? Not here.
Callbacks are good for javascript.
Default behaviour should be unobtrusive.
150 lines of code are enough for modal window plugin.

Requirements: jQuery
Demo: http://0x000000.github.com/OmniWindow/
License: MIT License

JavaScriptSQL - A Database Engine Developed Entirely With JavaScript

2012-05-16T19:38:00.001+04:00

JSSQL is a database engine developed entirely with JavaScript. It is a tool for developers to interpret and execute SQL statements on a offline database. It has a conversion class developed in PHP for use with relational databases (ex. PostgreSQL, MySQL, etc..) that generates a series of data files, then the database engine in JavaScript (JSSQL) accesses the data through SQL querys and return a set of records, similar to any database engine. This is useful for querying offline databases dynamically without increasing the work of the web server or better yet: without the need for a database server.

Requirements: None
Demo: http://javascriptsql.sourceforge.net/ARCH/en/index.html
License: GPLv3

Functionn

jQuery Dice A jQuery Plugin To Display A Dice, Click On It And Retrieve A Random Number (Between 1 & 6)

jQuery.textntags - A jQuery UI Plugin Component To "@tag" Someone In A Text Message

Jwerty - Awesome Handling Of Keyboard Events

Meteocons - A Set Of 40+ Weather Icons Icons In PSD, CHS, EPS, SVG, Desktop Font & Web Font

jQuery Mask Plugin - A jQuery Plugin To Easily Implement Field Masks

Features

Qwery - The Tiny Selector Engine

Browser Support

Pjscrape - A Web-Scraping Framework Written In JavaScript, Using PhantomJS And jQuery

Features

firstImpression.js - A Micro-Library For Detecting New Visitors

Browser Support

jQuery.mobile.lazyloader - A Proper jQuery Mobile Widget For Lazy Loading Listviews

Matador - An Obvious MVC Framework For Node.js

jQuery Scroll Depth - A jQuery Plugin To Track Page Scroll Depth

Plugin options

Chronoline.js - A Library For Making A Chronology Timeline Out Of Events On A Horizontal Timescale

Browser Support

You Might Also Be Interested In:

LiveScript - A Language Which Compiles Down To JavaScript, Derived From CoffeeScript

WYSIHTML5 - A Better Approach To Rich Text Editing

Features

Browser Support

SuperScrollorama - A jQuery Plugin For Doing Supercool Scroll Animation

Complexify - A jQuery Password Strength Meter Plugin

Javascript onMediaQuery - A Neat Way To Trigger JavaScript When Media Queries Change

Guggenheim.js - A Framework Agnostic Plugin For Creating Sexy Interactive Galleries

jqBootstapValidation - A jQueryValidation Plugin For Bootstrap Forms

HTML5 Based

Extra Validators

BUILD YOUR OWN

Disordered List - Controlled Randomness With jQuery

NegativeGrid - A Lightweight, Fluid CSS Grid Based On A Technique Of Negative Margins

Lostorage.js – A JS Library For Client-Side Storage The Way It Should Be

Features:

Harvey.js - A State Manager For CSS Media Queries

OmniWindow - Extremely Customizable Modal Window jQuery Plugin

Features:

JavaScriptSQL - A Database Engine Developed Entirely With JavaScript