Friday, March 17, 2006

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)