By Jacob Gube
Also, be sure to check out the following related posts:
- 50 Extremely Useful And Powerful CSS Tools5
- jQuery UI6
The jQuery UI allows you to design custom user interfaces for Web applications using the jQuery7 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 Demo8 page, which showcases some of the things you can accomplish using jQuery UI.
- Google Web Toolkit10
- Freestyle Webtop Toolkit15
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 Jaxer19
- JS Regex Generator22
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 Applications26 page.
Documentation Tools Link
- JSDoc Toolkit28
jGrouseDoc is an open-source project distributed through Google Code30 under a modified BSD license. It lets developers document and manage their code comments using a format similar to Javadoc31‘s.
Drosera is an excellent debugging tool for Safari and WebKit-based browsers.
- Opera Dragonfly40
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 Toolbar45
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 Test53
YUI Test is a suite of testing utilities that’s part of the YUI library54 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 Tool60
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 AJAX69
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 Browser76, 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.js78, 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 Toolkit86.
- AJAX Libraries API90
- Lazy loader92
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 Minifier93
- YUI Compressor96
- SlickSpeed Selectors Test99
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/
- 4 https://www.smashingmagazine.com/2008/09/16/jquery-examples-and-best-practices/
- 5 https://www.smashingmagazine.com/2008/12/09/50-really-useful-css-tools/
- 6 http://ui.jquery.com/themeroller/
- 7 http://jquery.com/
- 8 http://ui.jquery.com/demos/
- 9 http://ui.jquery.com/themeroller/
- 10 http://code.google.com/webtoolkit/overview.html
- 11 http://jxlib.org/
- 12 http://mootools.net/
- 13 http://www.opensource.org/licenses/mit-license.php
- 14 http://jxlib.org/
- 15 http://www.thefrontside.net/freestyle
- 16 http://www.thefrontside.net/freestyle
- 17 http://projects.nikhilk.net/ScriptSharp
- 18 http://projects.nikhilk.net/ScriptSharp
- 19 http://www.aptana.com/jaxer/
- 20 http://www.dojotoolkit.org/
- 21 http://extjs.com/
- 22 http://www.jslab.dk/tools.regex.php
- 23 http://en.wikipedia.org/wiki/Regular_expression
- 24 http://www.jslab.dk/tools.regex.php
- 25 http://www.wavemaker.com/
- 26 http://www.wavemaker.com/product/demos.html
- 27 http://www.wavemaker.com/
- 28 http://code.google.com/p/jsdoc-toolkit/
- 29 http://jgrouse.com/#jgdoc
- 30 http://code.google.com/p/jgrousedoc/
- 31 http://java.sun.com/j2se/javadoc/
- 32 http://jgrouse.com/#jgdoc
- 33 http://getfirebug.com/
- 34 http://getfirebug.com/lite.html
- 35 http://getfirebug.com/
- 36 http://www.mozilla.org/projects/venkman/
- 37 http://www.mozilla.org/projects/venkman/
- 38 http://webkit.org/blog/61/introducing-drosera/
- 39 http://webkit.org/blog/61/introducing-drosera/
- 40 http://www.opera.com/dragonfly/
- 41 http://www.nitobibug.com/
- 42 http://www.debugbar.com/
- 43 http://www.my-debugbar.com/wiki/CompanionJS/HomePage
- 44 http://www.debugbar.com/
- 45 http://www.microsoft.com/downloads/details.aspx?familyid=e59c3964-672d-4511-bb3e-2d5e1db91038&displaylang=en
- 48 http://www.jsunit.net/
- 49 http://www.junit.org/
- 50 http://jslint.com/
- 51 http://jslint.com/
- 52 http://www.thefrontside.net/crosscheck
- 53 http://developer.yahoo.com/yui/yuitest/#start
- 54 http://developer.yahoo.com/yui/
- 55 http://developer.yahoo.com/yui/yuitest/#start
- 56 http://j3unit.sourceforge.net/
- 57 http://j3unit.sourceforge.net/#static
- 58 http://j3unit.sourceforge.net/#local
- 59 http://j3unit.sourceforge.net/#remote
- 60 http://erik.eae.net/playground/regexp/regexp.html
- 61 http://erik.eae.net/playground/regexp/regexp.html
- 62 http://www.codeproject.com/KB/scripting/regex2.aspx
- 63 http://www.codeproject.com/KB/scripting/regex2.aspx
- 64 http://broofa.com/Tools/JSLitmus/
- 65 http://broofa.com/Tools/JSLitmus/
- 66 http://www.gnucitizen.org/blog/attackapi/
- 67 http://code.google.com/p/jsfuzzer/
- 68 http://en.wikipedia.org/wiki/Fuzz_testing
- 69 http://clean-ajax.sourceforge.net/
- 70 http://clean-ajax.sourceforge.net/
- 71 http://www.modernmethod.com/sajax/index.phtml
- 72 http://www.modernmethod.com/sajax/index.phtml
- 74 http://en.wikipedia.org/wiki/Model-view-controller
- 75 http://qooxdoo.org/
- 76 http://demo.qooxdoo.org/current/demobrowser/
- 77 http://qooxdoo.org/
- 78 http://www.netzgesta.de/instant/
- 79 http://typeface.neocracy.org/
- 80 http://www.liquidx.net/canvasgraphjs/
- 81 http://www.liquidx.net/canvasgraphjs/
- 82 http://code.google.com/p/flot/
- 83 http://code.google.com/p/flot/
- 84 http://www.lutanho.net/diagram/
- 85 http://www.lutanho.net/diagram/
- 86 http://www.dojotoolkit.org/
- 87 http://ejohn.org/blog/processingjs/
- 88 http://processing.org/
- 89 http://blog.osmeusapontamentos.com/processing/dataVisualizationExamplesUsingProcessingJS.htm
- 90 http://code.google.com/apis/ajaxlibs/
- 91 http://code.google.com/p/ie7-js/
- 92 http://www.appelsiini.net/projects/lazyload
- 93 http://fmarcia.info/jsmin/test.html
- 94 http://fmarcia.info/jsmin/test.html
- 96 http://developer.yahoo.com/yui/compressor/
- 97 http://www.scriptalizer.com/
- 98 http://www.scriptalizer.com/
- 99 http://mootools.net/slickspeed/
- 100 http://mootools.net/slickspeed/
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 Oxford, on March 15—16, with smart design patterns and front-end techniques.