Automagically Generate JS DOM Statements

DOM Tool is a clever 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. OK, this is one of the most […]

Timeline – Visualizing Time Based Events

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

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 […]

Another (great) JavaScript Library

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. […]

Avoiding JavaScript Memory Leaks

The always outstanding reference IBM Developer Works offers some steps you can take to avoid JavaScript memory leaks. This article also offers a terrific general explanation of memory leaks, also known as circular references, in your JavaScript apps. Closures are covered in some detail, as are methods of avoiding memory leaks. There is plenty of […]

Low Pro – Unobtrusive Scripting For Prototype

Low Pro is an unobtrusive scripting library build ton top of Prototype, created mostly by Dan Webb. It provides a bunch of neat methods that ease DOM manipulation and methods for easing the creation of nodes in the DOM.  It is a bunch of extensions to the prototype library that you can use to implement trouble-free […]

CSS event:Selectors

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. If you work at all with JavaScript you’ll probably love this little hack as much as I do. Here is a quick example of what Palmer is up to: […]

Quick Guide to Prototype

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. I have had Particletree in my RSS reader for quite some time and the site is particularly strong in helping you discover new JavaScript libraries like Prototype.js. The aim […]

AJAX and Scripting Web services with E4X

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. Part 1 – Introducing EX4 Part 2 – Create new Web services […]

Handling Bookmarks and Back Buttons in AJAX

By nature, AJAX based web applications are not bookmarkable nor do they recover well from user initiated back and forward button clicks. Really Simple History (RSH) framework makes it easy for AJAX applications to incorporate bookmarking and back and button support.  It appears that in one fell swoop a major shortcoming of Ajax web apps can […]

Javascript Object Tree Favelet

Although Joe Hewitt’s Firebug has become my favorite JavaScript debugging tool, I still find SlayerOffice’s Javascript Object Tree Favelet a handy tool. Simply click the favelet to show a list of all the javascript object currently referenced on the page.  rush is this simply by an overlay of a DIV element on top of your […]

Better JavaScript Debugging in 15 Minutes

I have created a 15 minute screencast that will show you how to Debug JavaScript with Firebug. I have spent quite a bit of time with the Firebug tool and thought I would share what expertise I have developed. I cover a number of concepts such as using the console, interactive debugger and timer features […]

FireBug – New Version Released

If you’re writing AJAX code and/or standards-based web pages you should be using Joe Hewitt’s Firebug extension for Firefox. Version 0.4 has just been released and is the most significant upgrade to date. I have been beta testing this version for a couple of weeks now, and I can’t image developing without it. One of […]

On Yahoo! User Interface Library

Here are some thoughts on the The Yahoo! User Interface Library. There is real power behind Yahoo’s new open source JavaScript library. Written in CSS and JavaScript the YUI (which presumably stands for Yahoo user interface) library is a gathering of controls and utilities that you can use to build interactive Web apps with the […]

DOM Builder

DOM Builder is a great little script that will spare you the typing of createElements, setAttributes and appendChilds over and over again! This script which weighs in at 1K allows you to create DOM nodes with the elegance displayed in this following snippet: var html = DomBuilder.apply(); var form = html.FORM( html.DIV( html.INPUT({type : ‘text’, […]