By Jacob Gube
Also, be sure to check out the following related posts:
- 50 Extremely Useful And Powerful CSS Tools4
- jQuery UI5
The jQuery UI allows you to design custom user interfaces for Web applications using the jQuery6 library. With jQuery UI, you can reduce the amount of code you write for common rich interactive features and website widgets. Be sure to check out the jQuery UI Demo7 page, which showcases some of the things you can accomplish using jQuery UI.
- Google Web Toolkit9
- Freestyle Webtop Toolkit
Freestyle aims to reduce the complexity and time involved in deploying Web-based user interfaces by eliminating the separation of client-side and server-side development. With Freestyle, you focus on programming logic and UI design, and it handles the rest (i.e. cross-browser compatibility and DHTML and AJAX development).
- Aptana Jaxer
- JS Regex Generator
WaveMaker is open-source software for complete Web application development and deployment. You can find a host of demo applications built and deployed using WaveMaker on the Demo Applications18 page.
Documentation Tools Link
- JSDoc Toolkit20
jGrouseDoc is an open-source project distributed through Google Code22 under a modified BSD license. It lets developers document and manage their code comments using a format similar to Javadoc23‘s.
Drosera is an excellent debugging tool for Safari and WebKit-based browsers.
- Opera Dragonfly30
Opera Dragonfly is a robust debugging environment for the Opera browser. Dragonfly allows you to view and inspect errors, debug your scripts and inspect and edit the DOM and CSS on the fly.
- Internet Explorer Developer Toolbar34
Similar to Firebug, IE Developer Toolbar is an in-browser tool to help you debug front-end code in Internet Explorer. It’s especially handy as a debugging and inspection alternative to Firefox when you’re developing and testing in IE.
- YUI Test38
YUI Test is a suite of testing utilities that’s part of the YUI library39 developed by Yahoo!. It has numerous features, such as easy creation of test cases through an intuitive syntax, advanced failure detection and the ability to organize test cases by grouping them into test suites.
- Regular Expression Tool45
The Regular Expression Tool is an online utility that allows you to test your RegEx code against a sample test. It’s a handy tool to have around when you want to quickly test the efficacy of your regular expressions in a variety of example texts.
This is another handy tool for testing regular expressions within the Web browser.
Security Tools Link
- Clean AJAX54
Clean AJAX is an open-source framework for creating AJAX-based applications. Check out the demo page to see it in action.
SAJAX is an excellent toolkit for developing AJAX-based applications. It supports PHP, Perl and Python.
qooxdoo is a simple and intuitive AJAX application framework. Be sure to check out the Demo Browser61, a Web-based application that allows you to view demos of qooxdoo at work.
Image Manipulation and Graphing Link
Reflection.js automatically adds reflections to your images unobtrusively. Also check out instant.js63, a similar script that adds an image border and tilts images on a Web page.
typeface.js allows you to embed custom fonts on Web pages, freeing you from having to create images for HTML text.
- The Dojo Charting Engine
The Dojo Charting Engine is a robust utility for creating components for data visualization, written on top of the Dojo Toolkit70.
- AJAX Libraries API74
- Lazy loader76
Lazy loader is a jQuery plug-in that delays the loading of images so that text content can load first, thereby making image-heavy pages load faster.
- JS Minifier77
- YUI Compressor80
- SlickSpeed Selectors Test
SlickSpeed is a Web page for comparing the performance of the DOM object selection of various popular frameworks like MooTools and jQuery.
- 1 http://livedocs.adobe.com/labs/air/1/jslr/
- 3 https://www.smashingmagazine.com/2008/09/16/jquery-examples-and-best-practices/
- 4 https://www.smashingmagazine.com/2008/12/09/50-really-useful-css-tools/
- 5 http://ui.jquery.com/themeroller/
- 6 http://jquery.com/
- 7 http://ui.jquery.com/demos/
- 8 http://ui.jquery.com/themeroller/
- 9 http://code.google.com/webtoolkit/overview.html
- 10 http://jxlib.org/
- 11 http://mootools.net/
- 12 http://www.opensource.org/licenses/mit-license.php
- 13 http://jxlib.org/
- 14 http://www.dojotoolkit.org/
- 15 http://extjs.com/
- 16 http://en.wikipedia.org/wiki/Regular_expression
- 17 http://www.wavemaker.com/
- 18 http://www.wavemaker.com/product/demos.html
- 19 http://www.wavemaker.com/
- 20 http://code.google.com/p/jsdoc-toolkit/
- 21 http://jgrouse.com/#jgdoc
- 22 http://code.google.com/p/jgrousedoc/
- 23 http://java.sun.com/j2se/javadoc/
- 24 http://jgrouse.com/#jgdoc
- 25 http://getfirebug.com/
- 26 http://getfirebug.com/lite.html
- 27 http://getfirebug.com/
- 28 http://webkit.org/blog/61/introducing-drosera/
- 29 http://webkit.org/blog/61/introducing-drosera/
- 30 http://www.opera.com/dragonfly/
- 31 http://www.debugbar.com/
- 32 http://www.my-debugbar.com/wiki/CompanionJS/HomePage
- 33 http://www.debugbar.com/
- 34 http://www.microsoft.com/downloads/details.aspx?familyid=e59c3964-672d-4511-bb3e-2d5e1db91038&displaylang=en
- 35 http://www.junit.org/
- 36 http://jslint.com/
- 37 http://jslint.com/
- 38 http://developer.yahoo.com/yui/yuitest/#start
- 39 http://developer.yahoo.com/yui/
- 40 http://developer.yahoo.com/yui/yuitest/#start
- 41 http://j3unit.sourceforge.net/
- 42 http://j3unit.sourceforge.net/#static
- 43 http://j3unit.sourceforge.net/#local
- 44 http://j3unit.sourceforge.net/#remote
- 45 http://erik.eae.net/playground/regexp/regexp.html
- 46 http://erik.eae.net/playground/regexp/regexp.html
- 47 http://www.codeproject.com/KB/scripting/regex2.aspx
- 48 http://www.codeproject.com/KB/scripting/regex2.aspx
- 49 http://broofa.com/Tools/JSLitmus/
- 50 http://broofa.com/Tools/JSLitmus/
- 51 http://www.gnucitizen.org/blog/attackapi/
- 52 http://code.google.com/p/jsfuzzer/
- 53 http://en.wikipedia.org/wiki/Fuzz_testing
- 54 http://clean-ajax.sourceforge.net/
- 55 http://clean-ajax.sourceforge.net/
- 56 http://www.modernmethod.com/sajax/index.phtml
- 57 http://www.modernmethod.com/sajax/index.phtml
- 59 http://en.wikipedia.org/wiki/Model-view-controller
- 60 http://qooxdoo.org/
- 61 http://demo.qooxdoo.org/current/demobrowser/
- 62 http://qooxdoo.org/
- 63 http://www.netzgesta.de/instant/
- 64 http://www.liquidx.net/canvasgraphjs/
- 65 http://www.liquidx.net/canvasgraphjs/
- 66 http://code.google.com/p/flot/
- 67 http://code.google.com/p/flot/
- 68 http://www.lutanho.net/diagram/
- 69 http://www.lutanho.net/diagram/
- 70 http://www.dojotoolkit.org/
- 71 http://ejohn.org/blog/processingjs/
- 72 http://processing.org/
- 73 http://blog.osmeusapontamentos.com/processing/dataVisualizationExamplesUsingProcessingJS.htm
- 74 http://code.google.com/apis/ajaxlibs/
- 75 http://code.google.com/p/ie7-js/
- 76 http://www.appelsiini.net/projects/lazyload
- 77 http://fmarcia.info/jsmin/test.html
- 78 http://fmarcia.info/jsmin/test.html
- 80 http://developer.yahoo.com/yui/compressor/
- 81 http://www.scriptalizer.com/
- 82 http://www.scriptalizer.com/
Hold on, Tiger! Thank you for reading the article. Did you know that we also publish printed books and run friendly conferences – crafted for pros like you? Like SmashingConf Barcelona, on October 25–26, with smart design patterns and front-end techniques.