The JavaScript Toolbox
If you're new here, you may want to subscribe to my RSS feed. Thanks for visiting!
JavaScript is one of the most versatile scripting languages used on the web. So it isn’t surprising that many developers, who are interested in web design, are trying to learn it. If you’re one of them, then keep reading.
Below, we’ve put together a list of the top 100 resources that allow you to create, design, and customize your website using JavaScript. With these resources, you can easily enjoy the full functionality and great design of JavaScript.
Test – JavaScriptMVC
This is a JavaScriptMVC handy component designed for the easy set-up of automated unit testing of JavaScript codes.
JavaScript Regular Expression Tester
Programmers should have this tool for added ease and convenience. It’s a handy tool for testing regular expressions within web browsers.
JSLitmus
JSLitmus is a lightweight tool for creating JavaScript benchmarks and performance tests, using an intuitive API.
DebugBar
DebugBar is an in-browser front-end debugger for Internet Explorer. Much like its Firefox counterparts, it has a robust set of features, such as DOM, JavaScript and cookie inspection. Be sure to check out Companion JS, which is a JavaScript debugging library to be used alongside DebugBar for best results.
Firebug
Firebug is one of the most popular tools in the market because it contains a lot of functional features you can expect from a JavaScript debugging tool. Individuals using Mozilla browsers can check out Firebug Lite as well.
Venkman JavaScript Debugger
Venkman is Mozilla’s JavaScript debugger. It can also be used as an add-on for Gecko-based browsers. The tool is robust and fully featured so you can expect a variety of options including code profiling which lets you inspect your script’s performance.
ActiveWidgets.com
Basically, ActiveWidgets.com is a library that provides AJAX-style functions with visual elements.
TinyMCE JavaScript Content Editor
Written completely in JavaScript, this content editor converts HTML text areas into editor instances easily.
Lazy loader
Lazy loader is a jQuery plug-in that delays the loading of images so that image-heavy pages can load more quickly as well.
Script#
Script# is an AJAX and JavaScript authoring tool that allows developers to write in C#. It also allows .NET developers to leverage their existing knowledge and provides powerful tools associated with the .NET framework.
JS Regex Generator
JS Regex Generator helps JavaScript developers write Regular Expressions for matching strings of text. Perfect for text-format validation.
JSDoc Toolkit
JSDoc Toolkit makes code documentation fast, easy, and convenient. JSDoc Toolkit helps developers automatically generate templates for JavaScript comments. A great tool for large-scale applications developed by teams with different coding styles.
DojoToolkit.org
An open source DHTML toolkit built in JavaScript and based on several other tools.
NitobiBug
Build rich interactive AJAX applications with this tool. NitobiBug is a browser-based JavaScript object logger and inspector. It runs on numerous browsers, including IE, Safari, Opera and Firefox.
Aptana
Get support for popular libraries including jQuery, Prototype, YUI, dojo, Ext JS, MooTools, and others with this popular open source IDE.
YUI Compressor
The YUI Compressor is another well-regarded JavaScript code-optimization tool developed by Yahoo! Its reputation in the industry is unparalleled because of its features, functionality, and user-friendliness.
JsUnit
Here’s a popular unit testing framework for JavaScript. JsUnit allows you to write test cases and provides tools for automated code execution.
Crosscheck
Crosscheck is an open-source testing framework for JavaScript. Crosscheck works independently of the environment, and lets you run tests outside of a web browser. Handy for avoiding discrepancies that occur in multiple browser testing.
ExtJS
Everything from CSS to custom component creation to CSS theming, this site will help your team learn how to create innovate web interface with hands-on training.
Prototypejs.org
A JavaScript framework that’s built with Web 2.0 in mind. Among its features you get Ajax integration included.
qooxdoo
Qooxdoo is an Ajax application framework that uses object-oriented JavaScript.
Moo Tools
An object-oriented JavaScript framework for intermediate to advance users.
Archetype
Archetype is great framework designed to make coding with JavaScript on the clientside easier.
JavaScriptMVC
JavaScriptMVC is a Web application framework that speeds up Web development processes and uses the best practices and standards in project development.
MochiKit.com
Contains an innovative set of JavaScript libraries. Ideas for MochiKit are taken from Python and Objective-C, and are used adapted for JavaScript.
SimpleJS
SimpleJS is a small and lightweight JavaScript library that provides developers with useful JavaScript functions when working with AJAX.
Moo.fx
With Moo.fx, you get a JavaScript effects library that works with the Prototype.js and Mootools frameworks.
Spry
Still in Adobe Labs, Spry is definitely something to look out for in an Ajax framework once it gets launched. After all, Adobe Labs is renowned in the industry for its technological expertise and innovation.
YUI
The YUI library contains a comprehensive set of utilities and controls. These are designed to build rich interactive web applications using DOM scripting, AJAX, and DHTML.
Jx
Jx is a JavaScript library for creating graphical user interfaces written on top of the MooTools framework. Jx is distributed with an MIT license and is well documented. Numerous examples as well as thorough and well-organized API documentation is available on the website.
script.aculo.us
In essence, this JavaScript library integrates easily with numerous frameworks.
Jquery
Here’s a highly popular JavaScript library that makes working with HTML easier. Because of its benefits, Jquery has become a must-have for avid programmers.
Groovy
an agile and dynamic language for the Java Virtual Machine with features inspired by Python and Ruby
Jquery File Tree
With Jquery File Tree, you basically get a configurable AJAX file browser plugin for jQuery.
Processing.js
Processing.js is a JavaScript port of Processing, the open-source data-visualization programming language. If you check out the site, you’ll be able to check out examples that use Processing.js.
JavaScript-reference.info
As its title implies, this is a website that teaches programmers how to effectively read and code in JavaScript.
DevGuru
A very helpful tool that defines all terms found in JavaScript and then provides code samples of what the code does.
JavaScriptKit
Here’s a list of JavaScript objects, its methods, and properties. You can also find helpful examples that lets you see what it does.
JavaScript in Ten Minutes
This webpage helps you browse through the elements of JavaScript quickly, conveniently, and effectively in 10 minutes.
Creating Accessible JavaScript
Here’s a good reference point with tips on how to make your JavaScript accessible to all users.
w3schools JavaScript
Among programmers, w3schools.com is a renowned resource. Everything you need to know about JavaScript can be seen here.
23 Indispensible Ajax and JavaSript Cheat Sheets
If you’re looking for a quick reference, this guide is the way to go. You’ll find a great list of cheat sheets for everything and anything having to do with JavaScript.
JavaLobby
Look no further than JavaLobby if you’re looking to join a community that offers Java-related advice, tip, and stories.
Java Programming Examples
Conceptualized as a site that provides coding examples, this website can help you in your own Java projects.
JavaScript.com
This site features a ton of resources that are related to JavaScript. If you’re looking to solve any Java-related issue, be sure to check out this site.
WebDeveloper.com
Aside from its extensive section about JavaScript, WebDeveloper.com also provides a variety of resources on other programming languages.
Learning jQuery
If you‘re looking for a handy website related to jQuery, look no further than this page.
AjaxDaddy
Ajax Daddy is a site that definitely should be appreciated. Containing a large number of Web 2.0 demos, it’s helpful to all programmers.
JSON.org
JSON is a data-interchange format that’s easy for both humans and machines to understand. It’s also built on two structures including a collection of name/value pairs and an ordered list of values.
JavaScript–O’Reilly Media
Here’s a comprehensive compilation of Java-related information. You find O’Reilly Media compiled books, news, courses, conferences, reports, and community updates and tips on this web page.
QuirksMode.org
The personal site of a professional web developer who offers over 120 tricks for defeating browser incompatibility issues regarding CSS and JavaScript.
Js-hotkeys
This plugin lets you easily add and remove handlers for keyboard events anywhere in your code supporting almost any key combination. It takes one line of code to bind/unbind a hot key combination.
5 Easy wyas To Tackle IE 6’s Transparency Issues
Whether you believe it or not, there are users who still use IE6, which can totally ruin your work with PNG files. Fix it up with the tips provided on this site.
7 JavaScript Techniques You Should Be Using Today
Do you want to be faster JavaScripter? Look to this resource for help. It contains tips and tricks that you should be using for better efficiency.
Using JavaScript on Websites
There is always the risk of error when you code your website using JavaScript, minimize the risk by reading the tips found here.
Google Visualization API
when you need to do a simple web redesign, this guide can help you.It contains the tactics you should implement in coding.
XSS (Cross Site Scripting) Cheatsheet
Are you interested in finding out how a hacker thinks? If you want to avoid attacks on your own website, visit this resource.
Reflection.js
Basically, this is a small JavaScript that lets you add reflections to images.
Easy Slider 1.5–The Easiest jQuery Plugin for sliding Images and Content
A great way to view images on the website. Look into the demos to give you an idea of what the site will look like.
Facelift Image Replacement
As you probably already realized from its title, this tutorial lets you know how to replace images dynamically. The image representation will then be generated on your website.
Animated JavaScript Slideshow- 5KB
Build a slideshow using this JavaScript guide.
Phototype: Image Maniptuation with JavaScript
Looking for a helpful JavaScript image editor? This tool can be used with Prototype JS framework.
LightBox2
Lightbox is a simple, unobtrusive script used to overlay images on the current page. It’s a snap to setup and works on all modern browsers.
Simple Page Peel Effect with jQuery & CSS
Put one of those eye-catching Page Peels on your site. You’ll find the jQuery script here.
Prototype Windows Class
The Prototype Windows Class is designed to let you add an overlay window to your HTML.
Unobtrusive JavaScript
Create a JavaScript enhanced form for your website. A number of programmers use this web element frequently.
Pagination
Although it might not seem like much, this website element can help save your website visitors’ time. This script will easily put up pagination navigations on your webpage.
MenuMatic
Here’s a script that works with MooTools. It lets you create a simple drop down menu on your website.
Simple (ul) list with a nice slide-out effect for (li) elements
Here’s a simple way to implement an animated “disappear” effect (using unobtrusive JavaScript code) for an element of a list when an user clicks on a link contained into a (li) element of that list.
The Ultimate Password Strength Meter
For those with a site needing some elements for user passwords, check out this script.
Upload Multiple Files with a Single File Element
Users can upload multiple files with this script. An updated MooTools version is also available.
Feed2JS
Let users upload multiple files with this script from Feed2JS. There is also an updated MooTools version.
Starbox rating boxes
Get users to add their feedback with Starbox’s rating stars. Here’s the script for Prototype.
New jQuery Plugin: “imgPreview”
Here’s a script that enables users to preview an image before clicking on it.
JavaChess
This JavaScript will let you play chess against the CPU. Try your luck!
Date and Age Finder
Find out your exact age in years, days, hours, minutes and seconds. This is a fun script that will entertain web visitors.
Push Mr. Button
By viewing the source code in your browser, you can make your own annoying novelty Push button.
Social History.js
Do you want to know the favorite social sites of your web visitors? Well, Social History lets you do just that.
Add Twitter to Your Blog
Map builder is a service that allows you to tag locations on a map and publish that map on your own website.
DynamicDrive.com
Contains a large collection of DHTML and JavaScripts for your use. DynamicDrive.com is very helpful simply because of the extensive range of choices it offers.
The JavaScript Source
If you can’t find a certain JavaScript code from another website, then visit JavaScript Source. It contains a large collection of JavaScript online so you can definitely find what you’re looking for here.
Github
Here’s another site that contains an extensive number of JavaScript scripts. Be sure to check this site out if you’re looking for special functionalities.
21 Must-Have Scripts For Your Favourite JavaScript Library
This list contains a lot of scripts for jQuery, Prototype and MooTools.
HotScripts
HotScripts has over 1,000 categories. Some of the scripts you can expect include Ajax, ASP, C and C+, Flash, Java, JavaScript, PHP, Python, Ruby on Rails, and ASP.NET among others.
DevSnippets
Contains 7 powerful file managers that can readily be used for your web projects. These programs are easy to customize and can support a variety of programming languages.
Navioo.com
A whole repository of JavaScript scripts. Once you see this site, you find out why Navioo.com has become one of the favorite resources of web masters and programmers the world over.
Webtoolkit.com
This site has a number of practical JavaScripts. From JavaScript cookies to ecoding and decoding URL parameters, this site can give you a nudge in the right direction.
TheFreeSite.com: Java and JavaScript Freebies
Are you looking for great JavaScript freebies? If so, this site is for you. The scripts and tools you can use here are very helpful and best of all, it’s free.
How to Add Advanced Tooltips for People on Your Photo
This step-by-step tutorial gives you the coolest tips in modifying photographs.
Coda Popup Bubbles
Are you using a Mac computer? If you are, Coda Popup Bubbles can be useful because it’s specifically designed for people who have a Mac.
JavaScript Tabifier
This tutorial lets you automatically create an HTML tab interface using plug-and-play JavaScript.
Simple Controls Gallery
Interested in adding a gallery to your website? The Simple Controls Gallery lets you know how to put a nice slideshow on web pages.
Creating a Table with Dynamically Highlighted C olumns like Crazy Egg’s Pricing Table
Find out how to create an eye catching table for your site by reading up on this guide.
Opacity Change Using Scriptaculous
tTe tips outlined in this guide are quite simple but it can dramatically improve the appearance of your web pages by adding opacity effects.
Build an Incredible Login Form with jQuery
If you’re looking to get registered users on your website, check out this tutorial.
Create a Nice, Lightweight JavaScript Tooltip
In essence, this tutorial provides tips, strategies, and guidance on how to create lightweight and functional tools for your website.
External JavaScript and PHP
You’ll learn how to work with external JavaScript and PHP in this tutorial. This is a must-read for serious programmers because they can certainly learn a lot from the tips outlined here.
Most Wanted Ajax Techniques: 50+ Examples and Tutorials
This article will give you the tutorials and tips you need for Ajax scripting
30 Days of Mootools 1.2 Tutorials
On this site, you can learn everything important about MooTools with the informative provided here. Take note that it runs for 30 days.
Prototype Framework Tutorial
This site was created for educational purposes. It’s especially helpful to individuals who want to learn about new technologies. Here, we give you the Protoype Tutorial learning section.
October 27th, 2009 at 7:07 am
Awesome list bookmarked..
October 27th, 2009 at 10:44 am
Social comments and analytics for this post…
This post was mentioned on Twitter by mkoepke: Collection of 100 JavaScript resources - The JavaScript Toolbox | Home http://bit.ly/cFDTW...
November 12th, 2009 at 9:32 pm
http://www.cometdocs.com is very informative. The article is very professionally written. I enjoy reading http://www.cometdocs.com every day.