Automagically Generate JS DOM Statements

Monday, December 18th, 2006

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 - Visualizing Time Based Events

Monday, December 11th, 2006

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.

Firebug 1.0 Public Beta

Monday, December 4th, 2006

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).

A JavaScript Component for Resizing Elements

Thursday, November 30th, 2006

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.

Another (great) JavaScript Library

Monday, November 6th, 2006

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!

3 Easy Steps to Avoid JavaScript Memory Leaks

Wednesday, October 11th, 2006

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 - Unobtrusive Scripting For Prototype

Saturday, September 9th, 2006

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.

CSS event:Selectors

Saturday, July 29th, 2006

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!

Quick Guide to Prototype

Thursday, July 13th, 2006

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.

AJAX and Scripting Web services with E4X

Tuesday, July 11th, 2006

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.