JavaScript

May 8, 2013 JavaScript no responses # , , , , ,

Drawing API For SVG, Canvas & WebGL with Two.js

Two.js is an exciting JavaScript library that provides a 2-dimensional and single drawing API forВ SVG, Canvas And WebGL. The library has only (currently) support for shapes (no text or images) and allows importing SVG data.

Two.js

It can group multiple elements which is useful when transforming them together.

There is a built-in animation loop,В methods to draw well-known shapes and lots of options to customize them.

Compatibility: All Modern Browsers
February 26, 2013 JavaScript no responses # , , ,

SVG.js – Manipulate And Animate SVG Easily

SVG.js is a JavaScript library for working (manipulating and animating) with SVG without any complexity. The library is standalone, very lightweight in size (5kb gzipped) and has lots of features.

There are built-in methods for creating shapes (rectangle, circle, polygon, etc.) or defining images.

SVG.js

They can all be animated with size, position, color or any other properties and be interacted with standard JavaScript events.

It has support for grouping elements for mass manipulations, filling them is possible and a unified API simplifies working withВ theВ library.

SVG.js is extendable with plugins and there are already various plugins (like dragging or easing).

Compatibility: All Major Browsers
Requirements: No Requirements

Website: http://www.svgjs.com/
Demo: http://svgjs.com/test/
Download: https://github.com/wout/svg.js

January 18, 2013 JavaScript no responses # , , , ,

KeyboardJS – Handling Key Strokes With JavaScript

KeyboardJS, a standalone JavaScript library, handles the keyboard part and helps us to understand any key strokes and turn them into actions. Library enabling users to interact with web pages/apps with as many ways as possible is a huge step forward in usability.

KeyboardJS

The library has support for both single + combo strokes and can work with keyboards of any locale.

It has callbacks for both the “press” and “release” events so that we can trigger functions whenever preferred.

Compatibility: All Major Browsers
Website: http://robertwhurst.github.com/KeyboardJS/
Download: https://github.com/RobertWHurst/KeyboardJS

December 3, 2012 JavaScript , jQuery no responses # , , , , ,

Hammer.js – Touch Gestures With JavaScript

Hammer.js is a JavaScript library for adding touch gestures support to any website so that users can interact with them easier on touch devices.

Continue reading

December 3, 2012 JavaScript , Mobile no responses # , , , , ,

jQ.Mobi – jQuery-like JavaScript Framework For Mobile

jQuery Rewritten, Ground-Up, for Mobile HTML5 on iOS and Android devices. This is how jQ.Mobi defines itself and gives a good insight on what it is.

It is a fresh and open source JavaScript framework – developed by appMobi – that focuses on providing a great experience on both of the dominant mobile operating systems with a tiny footprint and code efficiency.

jQ.Mobi

Compared to jQuery Mobile (24kb), it is much smaller in size with only 3.5kb (both minified and gzipped) and covers most features with the same syntax.

When it comes to speed, jQ.Mobi is impressive there as well and mentioned to be 3x faster on Android and 2.2x faster on iOS. The framework also has a UI library (again smaller in size) and includes plugins for mobile interactions and interfaces


Website: jQ.Mobi

December 3, 2012 JavaScript , jQuery no responses # , , , ,

qTip2 – Advanced jQuery Tooltip Plugin

qTip2 plugin can display the tooltip in any position wanted, plays nicely with image maps and they can be set to follow any element (handy for drag 'n' dropped and animated items) or mouse. Tooltips are tiny user interface elements which are very useful in displaying information "on request" without breaking the attention/focus.

qTip2 - jQuery Tooltip Plugin

Tooltips can be styled completely, there is an optional Themeroller support and they can even be displayed as modal windows. It has built-in Ajax integration and can load any remote data. qTip2's website has lots of creative demos including 3rd part service and various popular plugin integrations.

The download package can be customized to Еџnclude only the features needed and a converter exists for upgrading from the 1st version.

Download: http://craigsworks.com/projects/qtip2/

December 3, 2012 JavaScript , jQuery no responses # , , ,

Textualizer – Beautiful Text Effects With jQuery

Textualizer is a lightweight (4kb minified) jQuery plugin for creating good looking effects on text. The plugin accepts any number of sentences (or words) and can rotate them smartly and beautifully.

Continue reading

December 3, 2012 JavaScript no responses # , , , , ,

Alertify – Customizable Notifications With JavaScript

Alertify is a lightweight JavaScript library for displaying stylish notifications with ease. The library doesn’t depend on any JS frameworks, can show notifications in a modal window and also feature growl-like messages.

Alertify - JavaScript Notifications

Notifications are unobtrusive and the outputs can be completely customized via CSS as custom classes can be attached to elements. Callbacks exist for ok + cancel events to act accordingly and there is support for chaining to create queued dialogs.


Requirements: No Requirements
Compatibility: All Major Browsers

Website: http://fabien-d.github.com/alertify.js/
Download: https://github.com/fabien-d/alertify.js

June 13, 2012 Ajax , HTML5 , JavaScript , jQuery , Mobile Development , Responsive no responses # , , , , , , , , , ,

QUOjs – Micro JavaScript Library

QuoJS is a micro, modular, Object-Oriented and concise JavaScript Library that simplifies HTML document traversing, event handling, and Ajax interactions for rapid mobile web development. It allows you to write powerful, flexible and cross-browser code with its elegant, well documented, and micro coherent API.

Continue reading

May 31, 2012 JavaScript , jQuery no responses # , , , , ,

Chronoline.js – A JavaScript Library For Making Timeline Of Events

chronoline.js is a library for making a chronology timeline out of events on a horizontal timescale.

Continue reading

Stay In Touch