Ultimate of Awesome Tools for JavaScript Developers

This JavaScript article tutorial is going to show you a list of many useful JavaScript tools, web tools, blogging tools and JavaScript libraries to help us in developing web-based JavaScript applications. These web tools in this JavaScript article tutorial include sour code compression tools, JavaScript editors and IDEs, source code debugging tools and other useful tools, helpful JavaScript libraries, utilities and applications.

You can view full detailed list of these tools at main section, or you can try other helpful web tools in the below list:
- Ultimate List of Web Development Resources with JavaScript, HTML, CSS and Books
- 20+ Helpful Web Tools for Better Code Development
- Ultimate of Awesome JavaScript Libraries for Web-based Applications


Sampled by © JavaScriptBank.com

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.

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.

    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.

Official Link

JS Doc Toolkit



JSDoc Toolkit is an application in JavaScript for automatically generating template formattes, multi page HTML documentation from commented JavaScript source code.

Official Link


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%.

Official Link

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.

Official Link

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.

Official Link

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.

Official Link


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.

Official Link


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.

Official Link

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.

Official Link

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.

Official Link


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.

Official Link

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( ).

Official Link

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.

Official Link

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.

Official Link

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.

Official Link

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.

Official Link

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.

Official Link

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.

Official Link


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.

Official Link

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.

Official Link

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.

Official Link

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.

Official Link

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.

Official Link

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.

Official Link

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.

Official Link

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.

Official Link


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.

Official Link

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.

Official Link

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.

Official Link

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.

Official Link

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.

Official Link

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.

Official Link

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.

Official Link

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.

Official Link

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.

Official Link

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.

Official Link


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.

Official Link

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.

Official Link

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.

Official Link

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.

Official Link

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.

Official Link

LiteAJAX



liteAJAX is a proof of concept of a lightweight AJAX class

Official Link

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.

Official Link

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.

Official Link


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.

Official Link

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.

Official Link

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.

Official Link

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.

Official Link

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.

Official Link

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.

Official Link

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.

Official Link

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.

Official Link

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.

Official Link

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.

Official Link

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.

Official Link

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.

Official Link

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.

Official Link

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.

Official Link

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.

Official Link

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.

Official Link

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.

Language
Translate this page to English Translate this page to French Translate this page to Vietnamese

Recent articles
The Possible Working Methods of Python Ideology
JavaScript Research Paper: 6 Writing Tips to Craft a Masterpiece
Learning How to Make Use of New Marketing Trends
5 Important Elements of an E-commerce Website
How To Create A Successful Prototype For Your PCB
WordPress Landing Page Conversion Essentials to Convert More
4 Development Hacks To Make Your Website Launch A Success
Why Data Recovery Software and Services are Important
Why Engineers Specializing in DevOps Are the Wave of the Future
The Ultimate Checklist for HTTP to HTTPS Migration


Top view articles
65 Free JavaScript Photo Gallery Solutions
Top 10 Beautiful Christmas Countdown Timers
Top 50 Most Addictive and Popular Facebook mini games
Best Free Linux Web Programming Editors
Top 10 Free Web Chat box Plug-ins and Add-ons
50+ Beautiful Resources of HTML Form using CSS and JavaScript
Top 10 Best JavaScript eBooks that Beginners should Learn
The Ultimate JavaScript Tutorial in Web Design
HTML5 Web Workers Multithreading in JavaScript
Learn more about JavaScript Inheritance with Tiny JavaScript Example Codes


Free JavaScript Tutorials & Articles
at www.JavaScriptBank.com