Monday, March 17, 2008

Top 25 Tools & Tutorials For JavaScript

JavaScript is one of the most often used languages on the web, and it seems to be gaining in popularity each day. We've gathered 25+ tools and tutorials which will be useful to any JavaScript programmer - novice or pro.

ActiveWidgets.com - A component library that gives you AJAX-style fuctions with common visual elements.
Agile Partners Photo Resizing Tutorial - A tutorial on how to use the Prototype and script.aculo.us libraries to build an interactive photo resizer.
ByteFX - A low-level framework for simple JavaScript effects.
DevGuru - Defines all the terms of JavaScript and gives you code samples of what they do.
DojoToolkit.org - An open source DHTML toolkit built in JavaScript and based on several other tools.
Drag & Drop Sortable Lists - Tutorial for creating sortable lists with drag & drop functions.
DynamicDrive.com - A large collection of DHTML and JavaScripts for your use.
Firebug - An extension for the Firefox browser that allows you to do web development from directly inside the browser, including JavaScript.
JavaScript-reference.info - A reference site that teaches you both how to read and write JavaScript.
JavaScriptKit.com - A list of JavaScript objects, properties, and methods that include examples.
jQuery.com - A JavaScript library with a small footprint and concise coding for as few lines as possible.
Learn JavaScript in 10 Minutes - As the name implies, learn the basics of JavaScript in 10 minutes from this very straightforward tutorial.
Lightbox2 - A JavaScript for overlaying photos on the current page with a semi-transparent background.
LightWindow - Another overlay window system that allows you to do it with multiple media file types and even other websites.
MochiKit.com - A set of JavaScript libraries that takes ideas from Python and Objective-C, and uses them in JavaScript.
Moo.fx - JavaScript effects library that works with the Prototype.js and Mootools frameworks.
Mootools.net - An object-oriented JavaScript framework for intermediate to advance users.
Prototype Windows Class - Allows you to add an overlay window to your HTML.
Prototypejs.org - A JavaScript framework that is built with Web 2.0 in mind, includes Ajax integration.
QuirksMode.org - The personal site of a professional web developer who offers over a 120 tricks for defeating browser incompatibility issues of CS and JavaScript.
Reflection.js - A small JavaScript to add reflections to your image.
script.aculo.us - A JavaScript library that integrates easily with numerous frameworks.
ThickBox - Works with jQuery to provide an AJAX hybrid for image overlays.
TinyMCE JavaScript Content Editor - A content editor written completely in JavaScript and converts HTML text areas in to editor instances.
W3Schools JavaScript Tutorials - 100 Examples to learn JavaScript by.
WebTeacher.com - Takes the point of view of teaching JavaScript to a programming novice.
Walter Zorn Drag & Drop - A cross-browser JavaScript DHTML library that allows you to turn any image in to a layer that can be dragged and dropped where the user chooses. (via)