Collection of Free and Useful Tools for Javascript Developers
Today, JavaScript take a leading place when it comes to client side programming and is used by professionals and web developers all over the world. JavaScript is a powerful language with many advanced features and frameworks like jQuery, YUI, SproutCore and Cappuccino. But it has certain disadvantages that JavaScript is not the same in all browsers and it limits and accessibility of a website. But these factors should not limit the capabilities of this wonderful language.
Working with JavaScript may be a bit tough for many, but we have got many tools for JavaScript developers which are not only easy to use but bring out the results in a fraction of time. With your JavaScript in hand you can do all the tasks like documentation, editing, testing, debugging and more.
You may be interested in the following related articles as well.
Feel free to join us and you are always welcome to share your thoughts that our readers may find helpful.
Don’t forget to subscribe to our RSS-feed and follow us on Twitter — for recent updates.
Free and Useful Tools for Javascript Developerss
The tools presented here greatly increase the productivity of your work in much faster way and you don’t have to spend anything on these worthy tools. We have categorized the tools that can be used for testing, debugging, generating documents, formatting, compressing and other utility libraries for JavaScript.
Quick Navigation
Documentation Tools
Compression Tools
Formatting Tools
Editors & IDE Tools
Debugging Tools
Testing Tools
Other Useful Tools
Utility Libraries and Components for JavaScript
Useful JavaScript Library and Other Tools
Documentation Tools
jGrouseDoc
jGrouseDoc is a tool allowing generation of API documentation from the comments in the source code and allows you to document all the necessary constructs, functions, cariables, classes, interfaces, namespaces and others and produces highly customisable output.
JS Doc Toolkit
JSDoc Toolkit is an application in JavaScript for automatically generating template formattes, multi page HTML documentation from commented JavaScript source code.
Compression Tools
JSCompress
JSCompress is an online JavaScript compressor that compresses JavaScript files using compression algorithms like JSMin and Packer and the compresses JavaScript files are ideal for production environments since they reduce the file size by 30% – 90%.
YUI Compressor
YUI Compressor is a JavaSCript minifier designed to yield a higher compression ratio than other tools. With version 2.0 the YUI Compressor compresses CSS files by using a port of Isaac Schluter;s regular expression based minifier.
JavaScript Compressor
JavaScript Compresses compresses and obfuscates your javascript files which makes them download faster, reduce bandwidth usage. This leaves the function names and global variables untouched.
Scriptalizer
Scriptalizer is an online tool to shrink your Jaca and CSS scripts and allows you to save system space by decreasing the code size. Also removes white spaces, new line characters, comments and also block limiters.
Formatting Tools
JSBeautifier
JSbeautifier is an online tool which reformats and reindents bookmarklets, ugly javascript, unpack scripts as well as deobfuscate scripts. Just include your code and press ‘Beautify’ button.
Editors & IDE Tools
Aptana
Aptana Studio is the industry leading web development environment that combines powerful authoring tools for HTML, CSS, and JavaScript. Aptana RadRails is a complete development environment for building professional applications with rich code completion for Ruby, Rails, JavaScript, CSS, and HTML.
Spket IDE
Spket IDE is a powerful toolkit for JavaScript and XML developement and also for JavaScript, XUL/XBL and Yahoo Widget development. Provides features like code completion, syntax highlighting and content outline.
Komodo Edit
Komodo Edit is a free and open source multi language editor to write quality code in an easier way which supports PHP, Python, Ruby, Perl and Tcl, plus JavaScript, CSS, HTML and template languages like RHTML, Template-Toolkit, HTML-Smarty and Django.
Debugging Tools
GetFirebug
Firebug is the most powerful web development tool which is used to inspect HTML and modify style and layout in real-time, accurately analyze network usage and performance, use JavaScript debugger for any browser.
BlackBirdJS
Blackbird is an open source project which offers a simple way to log messages in JavaScript and an attractive console to view and filter them thereby reducing or completely eliminating the usage if alert( ).
Faux Console
Faux Console is a JavaScript which can be embedded in the document to have a basic debugging console in IE and you can use YUI files or console.log ( ) to log information cross browser.
JSBin
JS Bin is a web application to help JavaScript and CSS snippets of code to be tested within some context and debug the code collaboratively. Allows you to edit and test JavaScript and HTML.
JSON Formatter
JSON is a data format that is gaining popularity and is used extensively in many AJAX powered Web 2.0 sites. Many websites that offer API’s will return data in JSON format. Often the JSON provided has whitespace compressed to reduce the size of the data transferred. This site give you a quick and easy way to format the JSON so you can read it.
Eclipse Marketplace Client
Eclipse Marketplace client (MPC) is a rich client interface for browsing and installing the Eclipse based solutions. MPC provides the tight install integration between the Eclipse workspace and Eclipse Marketplace, plus other third party solution listings.
Venkman
Venkman is the JavaScript debugger for Mozilla based browsers such as Firefox 3.x, the Netscape 7.x, Seamonkey 1.x and Mozilla Seamonkey 2.x and the debugger is available as add-on package in XPI format.
JS.Class
JS.Class is a set of toole to make object oriented programs in JavaScript based on Ruby. Also provides a powerful package manager to help load your applications and supports all major web browsers including Rhino, Node.Js and Narhwal.
Testing Tools
Sugartest
Sugartest makes it easy to write Javascript tests, Works as a DSL running on top of JsUnitTest which has a setup and teardown routines, nested contents, no dependencies with an simple and expressive syntax and works as a DSL running on top of JsUnitTest.
JSLint
jSLint takes a javascript source and scans or spots the problems, if there is a problem then returns a message describing the problem and the location which need not be a syntax error, and also looks at the style conventions and structural programs.
Fireunit
Authored by John Resig and Jan Odvarko, FireUnit provides a simple JavaScript API for doing simple test logging and viewing within a new tab of Firebug.
JSUnit
JsUnit is an unit testing framework for client side JavaScript which is a port of JUnit and also includes a platform for automating the execution of tests on multiple browsers and mutiple machines running different OS.
YUI Test
YUI Test is a testing framwwork for browser-based JavaScript solutions where you can easily add unit testing to JavaScript solutions. Features an advanced failure detection for methods that throw errors, asynchronous tests for testing events and Ajax communication and lot more.
JSpec
JSpec is an extremely small and powerful testing framework which utilizes its own grammer and pre-processor and includes many shorthand literals, readeable syntax, Async and Rhino support, nested describes, shared behaviors, fixture support, mock Ajax and lot more features.
JSLitmus
JSLitmus is a lightweight tool to create ad-hoc JavaScript benchmarks which works on leading browsers, has an open source MIT-style licence, adaptive test cycles and also can be embedded in existing web pages or apps.
Obtrusive JavaScript Checker
Obtrusive JavaScript Checker is a used to traverse a;; elements in a web page and when it finds a HTML element with inlline events it highlights that with a red border and highlights javascript: links with a magenta border.
Other Useful Tools
Pretty pink
PrettyPink is an in-browser JavaScript variable dumper that enables you to print out an pbject of any type in table format for viewing during debuggin sessions. It requires no stylesheets or images, handles infinite nested objects, protects against circular / repeated references and fully validates with JSLint.
Firediff
Firediff is a Firebug extension to track changes to a DOM and CSS ie implements a change monitor which provides insight into the functionality of the application as well as provide a record of the changes and tweak the page’s display.
JSCharts
JS charts is a JavaScript Chart generator that allows you to create charts in different templates like bar charts, pie charts or simple line graphs.
Page Speed
PageSpeed is an open source Firefox / Firebug Add one which is used to evaluate the performance of their web pages and to get sugestions to improve them. Also makes your site faster, reduces the bandwidth usage and hosting costs.
Razor Web Profiler
Rockstar Web Profiler or Razor has three components namely RockStar Profiler Server for analyzing network and server side performance, RockStar Profiler Probe for analyzing client side performance and RockStar Profiler Console, an analytical console for analyzing collected performance data.
BaseJS
A mobile (safari) JavaScript framework weighs less than 8kb when minified, falls back on Sizzle selector library for iPhone, encourages CSS transitions and animations, is object oriented and easy to extend.
php.js
php.js is an open source project to bring high level PHP functions to low level JavaScript platforms such as web browsers, browser extensions, AIR and SSJS engines like V8, Rhino and SpiderMonkey.
JSSpec
JSSpec is JavaScript BehaviorDrivenDevelopment Framework which shows the difference between expected and actual values, shows exactly the failed line, supports conditional executions aupports for IE 6 or IE 7, FireFox 2 and Safari 3.
MochaUI
MochaUI is a web application user interface library built on Mootools JavaScript framework used in web application, web desktops, websites, widgets and standalone Windows and Modal dialogs.
Highlight.JS
Highlight.js highlights syntax in code examples on blogs, forums and in fact on any web pages. Automatically finds blocks of code, detects a language and highlights it.
Utility Libraries and Components for JavaScript
Uploadify
Uploadify is a jQuery plugin that allows an easy integration of multiple uploads on your website which requires Flash or any backend development language. Basic implementation is quite easy and full customisation is also available for advanced users.
Burst
Burst is an example of character animation using JavaScript and HTML5 technology without using any Flash technology. The SVG file is created using Inkscape. Burst is syntactically similar to jQuery.
JS Test Driver
JSTestDriver builds a JavaScript test runner which can easily integrate with continuous builds systems and allows running tests on multiple browsers quickly to ease TDD style development and features fast test execution, full control of DOM, command line control and more.
Booklaylet
Booklaylet is a bookmarklet wrapper code to load aby other page content inside the opened window using an overlayed div and an iframe. Works on Firefox, Safari and Opera browsers and not on Internet Explorer.
JavaScript Tools
JavaScripTools is a set of JavaScript components, functions and classes where the functions perform common operations on objects, strings, arrays, form fields and more. Has a dynamic table that supports paging, sorting and editing, fully customizable using CSS.
LiteAJAX
liteAJAX is a proof of concept of a lightweight AJAX class
JSpdf
JSPDF is an open-source library for generating PDF documents using JavaScript. Can be used in a Firefox extension, server side JavaScript with Data URL’s in some browsers.
NarhwalJS
Narwhal is a cross platform, multi interpreter JavaScript platform which builds JavaScript applications and frameworks such as Nitro. Includes a package manager, module system and standard library for multiple JavaScript interpretoers.
Useful JavaScript Library and Other Tools
Table Cloth
Tablecloth is easy, lightweight and unobtrusive way to add style and behaviour to your html table elements. Features even / odd class anmes to alternative rows, adds over and out class names for mouse over and mouse out states.
Moousture
Moousture is a mouse gesture library written soley in javascript with power and flexiblity to mould itself for you. Implemented on Mootools following the Object Oriented standards. Library is aimed to set out a future framework for mouse guesters for any browser including modern mobile devices.
jQuery Tools
jQuery Tools is a collection of the most important user interface components for modern websites where all tools can be used togethar, extendedm configured and styled and used by large sites all over the world.
TipImage
Tipimage is used to create and manage tooltips over images, Creates rectangular portions of an image and attaches a description to each of them which is shown as a tooltip. Also supports the use of special callback functions.
qGallery
qGallery is a small commandline program that processes jpeg images and specially named files in some directory structure to form a static HTML image gallery for publishing, automatically creates thumbnail indexes, per image comments and also additional images and HTML can be added later.
Livepipe
LivePipe UI is a suite of high quality widgets and controls for web 2.0 applications built using the Prototype JavaScript Framework where each control is well tested, highly extensible, fully documented and degrades gracefully for non JavaScript enabled browsers.
JavaScript Virtual Keyboard
JavaScript Virtual keyboard is a reusable system for adding a graphical keyboard interface to text fields, password fields and text areas. Also adds easy access to special characters.
Unobtrusive Table Action Script
Unobtrusive Table Actions Script can Zebra stripe the table, supports row hover, column hover and cell hover effects, can deal with rowSpans and ColSpans and fast in Internet Explorer also.
Glassbox
Glassbox is a lightweight JavaScript user interface which uses Prototype and Script.aculo.us for some effects. GlassBox lets you easily build lucent borders, colorful layouts and “Flash-like” effects.
HTML JavaScript Convertor
HTML to Javascript Convertor takes the markup and converts it into a series of document.write( ) statements and the output is generated as document.write statements wrapped in a function or cuilds up a string function or dociment.write statements.
Glimmer
Glimmer is an interactive design tool or windows application which can easily create interactive experiences and animation and other effects also. It also generated jQuery, XHTML and CSS.
Bookmarklet
Bookmarklets are used to perform useful functions, Bookmarklet lets you create URL’s from JavaScript to bookmark it. Type your JavaScript and the rest is done by this tool.
Google Playground
Google Playground lets you edit the API code and see the results instantly, Translate as a batch or detect the language or transliterate. Also has a virtual keyboard.
jQuery Function Builder
jQuery function builder is used to create functions, Just select the trigger item(s), event handler and this tool creates the functions.
JavaScript Regex Generator
JavaScript Regex Generator generated relatively basic regular expressions where you have to just enter the test data and mark the parts which the regex should should match. Allows you to add seven groups in its beta version.
Compatibility Master Table
Compatibility Master Table contains links to the individual tables. It also has the keys to the compatibility tables stating whether it is supported completely or not or barely supported etc.
Find Something Missing?
While compiling this list, it’s always a possibility that we missed some other free javaScript applications. Feel free to share it with us.
Huge great collection “Siva Kumar”
This post can very useful for every developer how wants to become great web developer.
Thanks Siva.
you should add microsoft visual studio express and/or script debugger for debugging JS in IE.. these two are free as well..
http://sixrevisions.com/javascript/javascript-debugging-techniques-in-ie-6/
Thanks for everyone who read this article and thought it’s useful
This is a great resource! I’ll be sure to come back to this page often. Thank you so much for taking the time to compile this list.
Great share thanks guys :)
Really interesting and useful, thanks!!
awesome list tools….thanks a lot
Its really awesum collection thanx :)
cool dude:)
good information, very helpful. Thanks..
Wonderful tutorial..Thanks for sharing
Great summary… if you are using regular expressions in JavaScript you should check out Oyster too . It has a library of downloadable regex’s as well called the Oyster Farm.