Monday, April 2nd, 2007

Packer 3.0 and isMSIE hacks

Category: Tip, Utility

Dean Edwards has released Packer v3.0, one of the top utilities to squeeze your JavaScript like a lemon. respects Microsoft conditional comments new option to shrink variable and argument identifiers removed the special chars feature (except the ;;; feature which people seem to like) some bug fixes: packer no longer closes spaces between the +/- Read the rest…

Posted by Dion Almaer at 9:14 am

3.4 rating from 23 votes

Tuesday, March 20th, 2007

Javascript Inheritance Diagrams with GraphViz and Base.js

Category: Utility

T.J. VanSlyke is working on an application using XUL Runner “to deploy a large-scale application platform which requires a hefty Javascript class hierarchy.” T.J. took Dean Edwards Base.js and added Base.exportDotGraph() allowing GraphViz to show the class hierarchy. However, there is one caveat with this. Since Javascript cannot guess at the identifiers you use to Read the rest…

Posted by Dion Almaer at 10:09 am

3.5 rating from 27 votes

Squish for Web testing tool

Category: Testing, Utility

Squish for Web is a GUI testing tool aiming to be well suited for testing Ajax GUIs (and has special support for many frameworks such as Backbase, dojo, ICEFaces, qooxdoo, JackBe, etc.) The Squish for Web edition enables testing HTML-based Web and Web 2.0 (Ajax) applications in different web browsers running on different platforms. Squish Read the rest…

Posted by Dion Almaer at 8:57 am

3.2 rating from 32 votes

Tuesday, March 13th, 2007

Opera Developer Console

Category: Opera, Utility

Shawn Lauriat has posted on the new Opera Developer Console. The tool is written in JavaScript and is an interesting little read. The tool covers: DOM The DOM tool lets the user inspect and alter various various aspects of the document. JS The JavaScript tool lets the user to inspect and search the JavaScript enviroment Read the rest…

Posted by Dion Almaer at 12:01 am

3.6 rating from 28 votes

Wednesday, March 7th, 2007

JSJuicer: Slice and Dice those JS files

Category: JavaScript, Utility

jsjuicer is a free tool for safely reducing the size of your JavaScript files. Reducing the size and number of the JavaScript files included in a web page will enable it to load faster. It is available as portable C++ code with a BSD-style licence. Why did Adrian Johnston write another JavaScript obfuscater and minimizer? Read the rest…

Posted by Dion Almaer at 6:06 am

3.9 rating from 20 votes

Tuesday, March 6th, 2007

Lily: Graphical data-flow programming environment

Category: Showcase, Utility

Bill Orcutt has been working on Lily, a graphical data-flow programming environment that runs in a web browser: Programs are built graphically by connecting modules to add functionality, fetch and direct the flow of data, play sound or video, add interactivity or display results. Lily programs can be shared with other Lily users, installed as Read the rest…

Posted by Dion Almaer at 9:34 am

4 rating from 24 votes

Wednesday, February 21st, 2007

Automated JavaScript Vertical Flip Image Reflection

Category: JavaScript, UI, Utility

Ara Pehlivanian has created a simple reflect.js script that allows you to add reflection to your images using simple JS that adds just one DOM element. Using Ara’s API you can get as simple as: < View plain text > javascript var reflections = new ARA.effects.Reflection(); reflections.addImage("myImageID"); reflections.reflect(); or more advanced: < View plain text Read the rest…

Posted by Dion Almaer at 8:45 am

3.5 rating from 70 votes

AJForm and ReJax Reloaded

Category: Utility

Brendon Crawford has updated both of his products, AJForm and ReJax. AJForm: AJFORM is a JavaScript toolkit which simply submits data from any given form in an HTML page, then sends the data to any specified JavaScript function. AJFORM degrades gracefully in every aspect. In other words, if the browser doesn’t support it, the data Read the rest…

Posted by Dion Almaer at 5:16 am

3.3 rating from 15 votes

Wednesday, February 14th, 2007

___layouts: simple layout builder

Category: CSS, Utility

Christos Constandinou wanted to take YUI Grids and make something that was easy to use and would work with anal designers who want to achieve pixel perfect layouts. He came up with ___layouts: The foundational ___layouts file offers five preset page widths, the option to have a fixed width or a text “zoom” style scaling Read the rest…

Posted by Dion Almaer at 7:47 am

3.7 rating from 27 votes

Tuesday, February 13th, 2007

WebWait: Time your Ajax apps

Category: Performance, Showcase, Utility

Our own Michael Mahemoff has created WebWait. We will let him take it from here: I wanted a portable, consistent, way to benchmark Ajax web apps, that would show how long the wait is (though it’s useful for any app, especially if there were a lot of images, for instance). Using a command-line tool like Read the rest…

Posted by Dion Almaer at 10:13 am

3.8 rating from 25 votes

Wednesday, February 7th, 2007

Picnik: Web based image manipulation gets better

Category: Flash, Screencast, Showcase, Utility

Picnik is another web-based image manipulation tool that uses Flash to do the heavy lifting. The UI is simple, and it does a lot of the little things that you want to do. Coupled with the desktop widget Image Shackle I really can do the simple things with simple tools. Here is a screencast of Read the rest…

Posted by Dion Almaer at 10:07 am

3.8 rating from 31 votes

Live DOM Viewer

Category: JavaScript, Screencast, Utility

Dean Edwards pointed us to a simple little utility the Live DOM Viewer. It let’s you throw out some HTML and see a DOM, and a rendered view as you type. To see this simple guy in action:

Posted by Dion Almaer at 12:59 am

3.4 rating from 25 votes

Tuesday, January 30th, 2007

Joe Hewitt Firebug power user demo

Category: Utility

Joe Hewitt (Firebug creator) gave a power-user demo of Firebug at the Yahoo! campus to share and explore the Firebug 1.0 release. The video shows you the subtle features within: Highlighting the DOM that you know your Ajax call will eventually update, and see Firebug showing you what is updated The profiler at work: the Read the rest…

Posted by Dion Almaer at 9:27 am

4.4 rating from 215 votes

Friday, January 26th, 2007

The Bug sets 1.0 on Fire

Category: Utility

Firebug 1.0 has reached a final release. We know you have it installed in Firefox already, but if not, you know what to do. Joe Hewitt released the final version with these words: One year and twelve days later I am happy to announce that the leopard’s growl has been quieted to a purr, clearing Read the rest…

Posted by Dion Almaer at 4:48 am

4.6 rating from 55 votes

Tuesday, January 23rd, 2007

LockBin: An OpenID Password Vault

Category: JavaScript, Utility

Matt Reider decided to write a password vault called LockBin. What is it, and why is it different? LockBin is an AJAX website built in PHP. It stores our passwords securely, and uses OpenID to do so. It is sort of funny to me that it uses OpenID, because the technology was never intended to Read the rest…

Posted by Dion Almaer at 9:28 am

3.6 rating from 23 votes

Thursday, January 18th, 2007

Ajax Debugging with Firebug

Category: Articles, Utility

Joe Hewitt somehow managed to find the time to write an article on Ajax Debugging with Firebug, which he created. The article will show you that Firebug is more than just a JavaScript console: The Firebug Workflow: modify the page in place Exploring Objects: An AJAX-ian web page never stands still. HTML nodes are constantly Read the rest…

Posted by Dion Almaer at 10:00 am

4.3 rating from 57 votes