8 New JavaScript Libraries for September 2012

According to Wikipedia 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 for September 2012 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. Jarallax : Parallax Scrolling Made Easy

Jarallax is a feature-rich JavaScript library for easily creating and customizingparallax scrolling effects. The library enables us to manipulate CSS using keyframes and it supports custom controllers. These controllers, compared to time-based animations, allow us to decide the events that animations will react to (scrolling, mouse gestures, etc.). And, besides JavaScript animations, it can also use CSS-powered ones for a better performance.
[button-dark url=”http://www.jarallax.com/” target=”_blank” position=”right”] Source [/button-dark]

2. Bonsai : JavaScript Graphics Library

Bonsai is an open source JavaScript library for creating graphics and animations. The library renders the outputs using SVG and comes with an intuitive, feature-rich API. There is support for creating simple shapes (rectangle, circle, ellipse, etc.) with specific functions and a path() function exists for drawing any custom shapes. It is possible to apply colors, gradients and filters (grayscale, blur, opacity and more) to these shapes. Many mouse (or touch) and keyboard events are already built-in to the library and they can be managed easily.
[button-dark url=”http://bonsaijs.org/” target=”_blank” position=”right”] Source [/button-dark]

3. jsPDF : Create PDF Files with JavaScript

jsPDF, a free JavaScript library, doesn’t need any server-side script and cancreate PDF files on the client-side. It has support for text (styling is possible), drawing shapes and images. Also, the document can be set as landscape and metadata like subject an title can be added as well. The library works with no requirements in modern browsers and has a Flash-fallback for the others.
[button-dark url=”http://jspdf.com/” target=”_blank” position=”right”] Source [/button-dark]

4. 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 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]

5. jsDraw2DX

jsDraw2DX is a standalone JavaScript library for creating any type ofinteractive 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.
[button-dark url=”http://jsdraw2dx.jsfiction.com/” target=”_blank” position=”right”] Source [/button-dark]

6. Infinity.js : Speed Up Scrolling Through Long Lists

Infinity.js is a UITableView for the web: it speeds up scrolling through long lists and keeps your infinite feeds smooth and stable for your users. It is small, battle-tested, and highly performant. The code is hosted on Github, and distributed under the BSD License. The annotated source is available, as are demos both with Infinity turned off and on. Infinity.js was built by Airbnb alongside the development of the Popular Wishlists and Friends feeds, and sees daily production use there today. Its only dependency is on jQuery.
[button-dark url=”http://airbnb.github.com/infinity/” target=”_blank” position=”right”] Source [/button-dark]

7. Dancer.js

Dancer.js is a high-level audio API, usable with both Mozilla’s Audio Data API and Webkit’s Web Audio API with flash fallback, designed to make sweet visualizations. It has numerous features such as
• Use real-time audio waveform and frequency data and map it to any arbitrary visualization
• Use Dancer to get audio data from any preexisting audio source
• Leverage kick detection into your visualizations
• Simple API to time callbacks and events to any section of a song
• Supports Web Audio (webkit), Audio Data (mozilla) and flash fallback (v9+)
• Extensible framework supporting plugins and custom behaviours
[button-dark url=”http://jsantell.github.com/dancer.js/” target=”_blank” position=”right”] Source [/button-dark]

8. ThreeAudio.js

ThreeAudio.js is a library to make building music visualizations in the browser easier. It uses the Web Audio API to read audio data, and exposes it to your Three.js GLSL shaders. ThreeAudio will read from an audio source and provide frequency/time data in the form of textures, as well as derived values for volume, bass, mid range and treble. Use the included ThreeAudio.Material class to create ShaderMaterials that can read from the audio data.
[button-dark url=”https://github.com/unconed/ThreeAudio.js” target=”_blank” position=”right”] Source [/button-dark]

Rate this post

Leave a Reply