1
May
// php the_time('Y') ?>
Kartograph is a framework for creating interactive maps without any mapping provider (like Google Maps).
It consists of 2 libraries:
- a Python library thatrenders vector maps from shapefiles or PostGIS and converts them to SVG
- a JavaScript library for turning these SVG data into interactive maps
If you already have the SVG data (for ex: any drawing can be converted to SVG with Adobe Illustrator), only the JavaScript library can help too.
The JS library uses jQuery + Raphaël, outputs can be styled with CSS and a very good documentation is provided.
Requirements: Python, jQuery and Raphaël
Compatibility: All Major Browsers
4
Sep
// php the_time('Y') ?>
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.
As it uses SVG, interactivity can be easily accomplished by manipulating the DOM.
P.S. jsDraw2DX is built by the creators of jsDraw2D which draws any shapes using JavaScript.
Requirements: No Requirements
18
Jun
// php the_time('Y') ?>
Mobello is an open source JavaScript UI framework that simplifies developing mobile web apps.
The framework aims to provide a native-like experience in mobile, it is optimized for touch events and has 20+ widely-used UI components.

It also has an IDE, named Mobello Studio, that focuses on building mobile apps with HTML5, CS3 and the Mobello framework..
Mobello Studio has a drag 'n' drop enabled visual design editor, a JavaScript debugger and built-in mobile device emulator.
The API of the framework is documented in detail and it can be a good alternative to other popular ones if improved regularly.
Requirements: No Requirements
Compatibility: WebKit Browsers
15
Mar
// php the_time('Y') ?>
It is surprising to experience that JavaScript lacks of functions which are regularly required in most scenarios.
Think of "looping a string", "if a variable includes given characters" or "capitalizing letters".
Unless you use a JavaScript framework, these will require having custom functions (JS frameworks lack some of such functions as well which makes sense to keep libraries small).

String.js is a JavaScript library that brings such extra string functions with a tiny footprint (<2kb gzipped).
It is standalone and has a jQuery-like syntax with chaining support.
There are 25+ functions where each of them can find a use in any JavaScript-heavy projects. Simply, a must-bookmark.
Requirements: No Requirements
1
Jan
// php the_time('Y') ?>
JSGL is a JavaScript graphics library for drawing and moving vector shapes with ease.
The library enables us to create and transform objects (using SVG/VML) dynamically.
There are built-in elements like line, circle, ellipse, polygon, etc. and support for stroking and/or filling them with many customization options.
Demos provided (PathFinder and NeuralNet) give us a strong opinion on the capabilities of the library.

Requirements: No Requirements
Compatibility: All Major Browsers
11
Dec
// php the_time('Y') ?>
In the beginning of the web 2.0 trend, tag clouds were one of the most popular items of web design. And, they were (and still are) very useful in helping readers to easily locate the most-used tags.
Afterwards, the Flash-powered animated tag canvas came and it conquered many websites. The Flash -kinda- died, HTML5 is now everywhere and the animated tag cloud is still here for the new web built without Flash.

TagCanvas is an HTML5 canvas powered and animated tag cloud that has both standalone and jQuery plugin versions.
It has support for text +images and can be shaped as a sphere, hcylinder or vcylinder.
The resource has so many settings for maximum customization and works even in IE (thanks to ExplorerCanvas).
Requirements: No Requirements
Compatibility: All Major Browsers
4
Oct
// php the_time('Y') ?>
Zebra_Image is an open source and lightweight image manipulation library built with PHP.
The library is object-oriented, requires only the PHP GD2 extension and supports resize, crop, rotate and flip operations.
It works with .JPG, .GIF + .PNG formats and can convert one format to another after each action (transparency is preserved as well).

For the most-used function, image resizing, there are various methods offered for a smart resize like "keeping the aspect ratio", "resizing with prioritizing width or height" and "resizing by cropping".
It is also possible to define the quality of .JPG outputs.
Requirements: PHP 4.4.9+ with GD2 extension
19
Aug
// php the_time('Y') ?>
Ace is an open source, standalone and web-based code editor that focuses on providing a similar or better experience with desktop-based ones.
It is actually developed for the well-known Cloud9 IDE and can be integrated into any web page easily.

The editor's syntax highlighting works with JavaScript, HTML, CSS, JSON, PHP, Perl, Python, Ruby, etc..
There is support for auto indent/outdent, completely customizable key bindings ad theming.
Users can perform search/replace operations with regular expressions besides the standard method, toggle between soft tabs + real tabs and much more.
Requirements: No Requirements
Compatibility: All Major Browsers
23
Jul
// php the_time('Y') ?>
Kivy is an open source library for creating applications that work in multiple platforms using the same source code.
The library focuses on innovative user interfaces, like multi-touch apps, and can natively use most inputs protocols + devices like WM_Touch, WM_Pen, Mac OS X Trackpad and Magic Mouse, Mtdev, Linux Kernel HID, TUIO. There is also a multi-touch mouse simulator included.

It is built with Cython (C extensions for Python) and, in order to create apps, Python knowledge is required.
The platforms currently supported are Linux, Windows, Mac OS X and Android.
Kivy has functions to handle animation, caching, gestures, drawing and much more. There are also many built-in user interface elements like button, camera, grid, slider or tree view.
Compatibility: Linux, Windows, Mac OS X and Android
7
Jul
// php the_time('Y') ?>
JSColor is a simple and very easy-to-implement JavaScript library that transforms any given input into a color picker.
The picker is a hidden layer, doesn't use any pop-ups and can be positioned on any side of the input field.

It has 2 modes; HSV (hue saturation, value) or HVS, can be set to display a default color on initial load and its look can be customized.
There are functions provided for showing/hiding the color picker and it can generate RGB or HSV values from a HEX input.
Requirements: No Requirements
Compatibility: All Major Browsers