PolyCrypt - A JavaScript Library Implementing The WebCrypto Polyfill

PolyCrypt is a JavaScript library which implements the  W3C WebCrypto API for the DOM.  This API is meant to expose a JavaScript interface to your web applications for performing various cryptographic tasks such as hashing, signature generation and verification, and encryption and decryption.

Additionally, it describes an API for applications to generate and/or manage the keying material necessary to perform these operations. This API is meant to be used for user/service authentication, document/code signing as well as for ensuring confidentiality and integrity of communications.

While the WebCrypto  API is still a work in progress, PolyCrypt is an implementation of the API in pure JavaScript, which can be used as a testing ground for the new API or as a polyfill for browsers which will not be able to upgrade to implement the WebCrypto API.

Requirements: None
Demo: http://polycrypt.net/
License: BSD

Conditionizr - A jQuery Plugin For Conditional-Free Legacy, Retina, Script & Style Loading

Conditionizr is a jQuery plugin which allows you to detect several end-user’s browser and environment properties and then serve specific conditional JavaScript and CSS files to them.

What Problem Does It Solve?

Prior to Conditionizr, if you wanted to serve some conditional JavaScript and CSS files, you would wrap those script and stylesheet tags with conditional HTML tags.  Those scripts would load if the browser matched the rules of the conditional HTML tags.

Now with Conditionizr, there is no need to soil your markup with conditional HTML tags, Conditionizr takes care of this process.

What’s Under The Hood?

Using Conditionizr, you get to load custom scripts and polyfills on  a per browser policy.  Additionally, Conditionizr gives you the ability to load JavaScript and CSS files for a range of browsers lower than a specified version.  Let’s say you’ve got a polyfill script which is need for browser prior to IE9, you could use the setting option provided in Conditionizr to load that polyfill for all those browsers in a single line of code.

Conditionizr also allows you to detect the platform which your end user is using – it could be Mac OS X, Windows, Linux or Unix and then lets you specify specific assets to load for those platforms.  This is especially useful when the same browser has display quirk on different platforms. Conditionizr steps in and allows you to solve this problem as well.

What’s more with Conditionizr is that it also allows you to pixel ratios of end-user browsers and allows you to serve retina-ready assets for your website to your users.

Conditionizr is also Modernizr compatible and is built to be as reliable in browser sniffing as possible, using methods similar to what’s used in Google Analytics.  Conditionizr weight in at only 3KB and is sure to be an asset in your web developer’s toolbox.

Requirements: jQuery
Demo: http://conditionizr.com/
License: MIT License

thumbs.js - A JavaScript Library To Add Touch Support To Your Browser

thumbs.js is a JavaScript library which acts as a polyfill for browsers which do not support touch events.  thumbs.js is very small and is transparently loaded and applied to your browser.  It is a syntax-less JavaScript library.

thumbs.js’ main uses are to add touch-support to browsers/devices which do not support touch events.  It also comes in handy for desktop debugging of touch-driven actions in  your application.  thumbs.js is designed to play nicely with PhoneGap and the mobile web.

Browser Support

• FireFox Desktop
• Opera Desktop
• Webkit Desktop
• Webkit Mobile

Requirements: None
Demo: http://mwbrooks.github.com/thumbs.js/
License: MIT License

Ratio.js - A JavaScript Library Which Provides a Fraction/Rational/Ratio Object For JavaScript

Ratio.js is a JavaScript library which provides a fraction/rational/ratio object for JavaScript.  By keeping values in a rational form, you can maintain precision and can avoid common floating point operation errors in JavaScript.

Browser Support.

Chrome 19, Firefox 12, IE 7+, and Opera 11+.

Requirements: None
Demo: https://github.com/LarryBattle/Ratio.js/
License: MIT License or GPLv3

jQuery Picture - A jQuery Plugin To Help Ease The Transition To Responsive Images

jQuery Picture is a tiny (2KB) plugin to add support for responsive images to your layouts. It supports both figure elements with some custom data attributes and the new proposed picture format. This plugin will be made redundant when the format is approved and implemented by browsers.  However, as a stop-gap solution now, this might appeal to you.

Browser Support

• Chrome
• Safari
• Mobile Safari
• Firefox 10
• Firefox 6
• IE9

Requirements: jQuery
Demo: http://jquerypicture.com/
License: MIT License

CSS3 PIE - CSS3 Decorations For IE 6-9

PIE stands for Progressive Internet Explorer. It is an IE attached behavior which, when applied to an element, allows IE to recognize and display a number of CSS3 properties.

CSS Level 3 brings with it some incredibly powerful styling features. Rounded corners, soft drop shadows, gradient fills, and so on. These are the kinds of elements our designer friends love to use because they make for attractive sites, but are difficult and time-consuming to implement, involving complex sprite images, extra non-semantic markup, large JavaScript libraries, and other lovely hacks.

PIE currently adds full or partial support to IE 6 through 8 for the following CSS3 features:

• border-radius
• box-shadow
• border-image
• multiple background images
• linear-gradient as background image

In addition, PIE adds support for border-image and linear-gradient to IE 9, which already supports the other features natively.

Other features are under active development.

Requirements: None
Demo: http://css3pie.com/demos/
License: Apache License v2.0 or GPL

jQuery Transit - Super-Smooth CSS3 Transformations And Transitions For jQuery

jQuery Transit is a jQuery plugin which provides super-smooth CSS3 transformations and transitions for jQuery.  The following transformations are available:

• x(px)
• y(px)
• translate(x, y)
• rotate(deg)
• rotateX(deg)
• rotateY(deg)
• rotate3d(x, y, z, deg)
• scale(x, [y])
• perspective(px)
• skewX(deg) 

Requirements: jQuery
Demo: http://ricostacruz.com/jquery.transit/
License: MIT License

idb.filesystem.js - A Well Tested JavaScript Polyfill Implementation Of The HTML5 Filesystem API

idb.filesystem.js is a well tested JavaScript polyfill implementation of the HTML5 Filesystem API. It is intended for browsers that do not support the API natively.

The library works by using IndexedDB as its underlying storage layer. Essentially, this means that any browser supporting IndexedDB also supports the Filesystem API! All you need to do is make Filesystem API calls, and the rest is magic.


Requirements: None
Demo: http://html5-demos.appspot.com/static/filesystem/idb.filesystem.js/demos/basic/index.html
License: Apache License v2.0

Webshims Lib - A Modular Capability-Based Polyfill-Loading Library

Webshims Lib is a modular capability-based polyfill-loading library, which focuses on accurate implementations of stable HTML5 features, so that developers can write modern, interoperable and robust code in all browsers. It is built on top of jQuery and Modernizr.  General Principles:

• HTML5 compliant: correctly and accurately implemented (HTML5) Markup-, JS- and DOM-APIs
• Capability based loading: extremely lightweight in modern browsers
• Cross-browser support: All A-Graded browsers including latest version of Opera are tested
• Extendable: if we have not implemented a feature you want, you can easily implement it on your own
• Implemented 

Features:

• HTML5 shiv and innerShiv solution including basic CSS-support
• canvas
• HTML5 form features including: constraint validation and form widgets (input[range], input[date], input[time], input[datetime-local], output, input[list]/datalist)
• HTML5 audio/video implementation
• interactive elements: summary/details
• JSON (stringify and parse)
• localStorage/sessionStorage
• geolocation
• ECMAScript 5 / JavaScript 1.8.5 features

Requirements: jQuery and Modernizr
Demo: http://afarkas.github.com/webshim/demos/
License: MIT License

Overthrow.js - A Tiny, No-Frills, Framework-Independent, Targeted Overflow: Auto Polyfill For Use In Responsive Design

Overthrow.js is a conservative attempt at filling the gaps in overflow support, with an emphasis on letting native implementations do their thing, and in touch-supporting browsers, providing a very minimal polyfill in browsers where native support is not available.

Requirements: None
Demo: http://filamentgroup.github.com/Overthrow/
License: MIT License or BSD License