While JavaScript, as first developed by Netscape (and later Mozilla), has long had a presence on the Web for many websites, it gained a particular pitch with the rise of the Web 2.0 era of computing, in which JavaScript became increasingly used for the development of user interfaces for applications, both web-based and desktop-based. JavaScript was also combined with CSS to create dynamic web pages, which have also become popular as a more efficient and accessible alternative to Flash -based websites. A JavaScript library is a library of pre-written JavaScript which allows for easier development of JavaScript-based applications, especially for AJAX and other web-centric technologies.
Every month we bring new and recently released JavaScript libraries for our audience, today, We have collected 8 of the latest of these JavaScript libraries to help you enhance your website related tasks and keep your website a step ahead of the competition. We hope you will find a few of the JavaScript libraries below beneficial to your web related needs.
1. Enquire.js : Handle CSS Media Queries With JS
Enquire.js is a standalone JavaScript library for programmatically responding to CSS media queries.The library allows us to define any number of media queries and fire events when they are matched (or not matched). It is lightweight less than 1kb in size when minified + gzipped and makes any type of “if screen size is bigger/smaller than this, do that with JavaScript” possible.
[button-dark url=”http://wickynilliams.github.com/enquire.js/” target=”_blank” position=”right”] Source [/button-dark]
2. jsDraw2DX : SVG Graphics Library for JavaScript
jsDraw2DX is a standalone JavaScript library for creating any type of interactive graphics with SVG (and VML for old IE browsers).Besides the ability to generate all basic shapes like line, rectangle, polygon, circle, ellipse, arc, etc., the library can draw curves, beziers (any degree), function plots, images and decorated text. The library is object-oriented and its coordinate system + scaling can all be configured.
[button-dark url=”http://jsdraw2dx.jsfiction.com/” target=”_blank” position=”right”] Source [/button-dark]
3. OriDOmi : Fold Up HTML Elements Like Paper
oriDomi is a JavaScript library for beautifully folding up any HTML element just like a paper. The library doesn’t depend on any JavaScript frameworks (but has optional support for jQuery) and uses CSS 3D transitions for creating the effect. Folding is performed as an animated event where the number of vertical/horizontal slices, speed and shading can all be set. There are multiple effects and events provided: accordion, reveal, curl, collapse, ramp, foldUp, unfold and reset.
[button-dark url=”http://oridomi.com/” target=”_blank” position=”right”] Source [/button-dark]
4. Gauge.js : Animated Gauges with HTML5 Canvas
Gauge.js is a slick script for creating animated gauges with JavaScript(Coffeescript) in HTML5 canvas. The script is standalone (jQuery is supported but not required) and doesn’t use any images or CSS. It has 2 built-in interfaces (both looks very nice) and responds very well to value changes by animating the gauge. There are options to set the animation speed, default/min/max values, colors and more.
[button-dark url=”http://bernii.github.com/gauge.js/” target=”_blank” position=”right”] Source [/button-dark]
5. Big Screen
BigScreen is a simple library for using the JavaScript Full Screen API. BigScreen makes it easy to use full screen on your site or in your app. It smoothes out browser inconsistencies and bugs, especially if the element you’re working with is inside of an
[button-dark url=”http://brad.is/coding/BigScreen/ ” target=”_blank” position=”right”] Source [/button-dark]
6. Underscore.String : Useful String Manipulation Extension
Underscore.string is JavaScript library for comfortable manipulation with strings, extension for Underscore.js inspired by Prototype.js, Right.js, Underscore and beautiful Ruby language.
Underscore.string provides you several useful functions: capitalize, clean, includes, count, escapeHTML, unescapeHTML, insert, splice, startsWith, endsWith, titleize, trim, truncate and so on. It is released under MIT License.
[button-dark url=”http://epeli.github.com/underscore.string/” target=”_blank” position=”right”] Source [/button-dark]
7. Resuamble.js
Resumable.js is a JavaScript library providing multiple simultaneous, stable and resumable uploads via the HTML5 File API. The library is designed to introduce fault-tolerance into the upload of large files through HTTP. This is done by splitting each files into small chunks; whenever the upload of a chunk fails, uploading is retried until the procedure completes.
Resumable.js allows uploads to automatically resume uploading after a network connection is lost either locally or to the server. Additionally, it allows for users to pause and resume uploads without losing state. Currently, it is limited to Firefox 4+ and Chrome 11+.
[button-dark url=”https://github.com/23/resumable.js” target=”_blank” position=”right”] Source [/button-dark]
8. Tangle : Create Reactive Documents
Tangle is a JavaScript library for creating reactive documents. Your readers can interactively explore possibilities, play with parameters, and see the document update immediately. It is a lightweight library that provides a simple API for tangling up the values in your document. Tangle.js has no dependencies, and works with any JavaScript framework, or none at all.
TangleKit is an optional collection of UI components that let your readers adjust values and visualize the results. You can grab whichever components you want, use them, extend them, modify them, or just learn from them and make your own. TangleKit also includes (and depends on) a few helpful libraries, such as MooTools, sprintf, and BVTouchable.
[button-dark url=”http://worrydream.com/Tangle/” target=”_blank” position=”right”] Source [/button-dark]
