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