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.
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
JSDoc Toolkit is an application in JavaScript for automatically generating template formattes, multi page HTML documentation from commented JavaScript source code.
Official Link
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 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 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 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
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
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 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 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
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
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 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
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 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 (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 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 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
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 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
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 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 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 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 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 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
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 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
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
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
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
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 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 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 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 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
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 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
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 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
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 is a proof of concept of a lightweight AJAX class
Official Link
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
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
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 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 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 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 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 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 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 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 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 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 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
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 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 is used to create functions, Just select the trigger item(s), event handler and this tool creates the functions.
Official Link
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 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
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.
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
0 التعليقات:
Post a Comment