DOM Tool is a cleaver web-based tool that gives you a text area to enter structured HTML, then creates the appropriate JavaScript to create the same HTML content using the DOM. I could have used this a few months ago while I was working on a DOM-based project.
Timeline is a DOM/JavaScript based widget for visualizing time-based events. Data is fed to the widget using simple XML or JSON. Check out their examples to see how cool this project is. Also, you might want to check out RSS to Timeline that will take any RSS feed and place it into a timeline widget.
Joe Hewitt has just released a Public Beta of Firebug 1.0. Firebug is a kick-ass tool that every web developer/designer must have in his or her toolbox. If you have used Firebug in the past you will absolutely love some of the new features like JavaScript profiling, live HTML and CSS editing, and CSS metrics visualiztion. My favorite new feature is the one that lets you open Firebug in a separate window (perfect for those of us with more than one monitor).
Jack Slocum has created an excellent reusable component for resizing elements. The component uses his custom version of the YUI JavaScript library and is very easy to include an use in your scripts. Be sure to scroll down his page to check out some very cool examples.
Mootools is a small object-oriented JavaScript library that is crossbrowser compatible and easy to use. Some features include DOM effects, Ajax, DOM Navigator, drag and drop, sortable lists, cookies management and much more. The framework also makes it easy to extend HTML elements with your own methods, to help make your coding style way cooler.
One of the nicer features is the way you download mootools. You choose the features you want to use, and mootools packages a custom JS file that includes all dependencies. This makes mootools very small and efficient!
Jack Slocum offers some 3 Easy Steps to Avoid JavaScript Memory Leaks. This article offers three great tips and an overview of using Leak Monitor to detect places where your JavaScript may be leaking.
Low Pro is an unobtrusive scripting library build ton top of Prototype. It provides a bunch of neat methods that ease DOM manipulation and methods for easing the creation of nodes in the DOM.
Justin Palmer has created a wonderful JavaScript snippet named CSS event:Selectors that allows you to allow you access to Javascript events using a CSS style syntax. Here is a quick example:
var Rules = {
'#icons a:mouseover': function(element) {
element.style.display = "none";
},
'#icons a:mouseout': function(element) {
element.style.display = "block";
}
}
Pretty sweet!
Particletree offers a Quick Guide to the Prototype JavaScript library. This library is amazing and will help speed the development of your DOM/AJAX based web applications.
IBM Developer Works has an introduction to ECMAScript for XML (E4X). EX4 is an extension to JavaScript that makes XML scripting very simple. This two part series demonstrates how combining AJAX and some new XML extensions to JavaScript can DOM scripting very simple.
