Utility


Tuesday, July 7th, 2009

Open Web Tools Directory

Category: Canvas, Mozilla, Utility

Over at the Mozilla Labs blog, we just launched an “Open Web Tools Directory”. Running Ajaxian for the past few years, we’ve discussed a legion of developer tools of all shapes and sizes, but there are so many we’ve quickly lost track of all that’s available. With the Tools Directory, we hope to provide a Read the rest…

Posted by Ben Galbraith at 2:46 am
15 Comments

+++--
3 rating from 41 votes

Thursday, July 2nd, 2009

More than you ever want to see about encoding

Category: Tip, Utility

Paul Baukaus linked to jsescape, a little form that shows escaping and unescaping across a number of encodings. Andrea Giammarchi had his own post on encodings in a different way…. as he talked about en-code which you can check out in action here on the page that lets you do simple encodings, especially for source Read the rest…

Posted by Dion Almaer at 5:03 am
11 Comments

+++--
3.4 rating from 18 votes

Wednesday, June 10th, 2009

Web Developer Collection: Packaged up Firefox extensions

Category: Debugging, Firefox, Utility

Over the years we are have mentioned many Firefox, and Firebug plugins to aid us Web developers. Wouldn’t it be nice to subscribe to a bundle of these tools? The Firefox Add On team has now given us that ability with Add On Collections: Today, we’re excited to introduce a new feature to our website Read the rest…

Posted by Dion Almaer at 5:22 am
26 Comments

+++--
3.8 rating from 23 votes

Monday, June 8th, 2009

Firefogg: Ogg Theora Encoding Plugin

Category: Utility, Video

Test Drive the latest Thusnelda theora encoder with in-browser Video Encoder Firefogg. Firefogg is an open source extension written by xiph hacker Jan Gerber that lets web developers request ogg video from their users. Since Firefogg is a Firefox extension it allows users to stay up to date with the latest and greatest theora encoder Read the rest…

Posted by Dion Almaer at 7:04 am
9 Comments

++++-
4.3 rating from 21 votes

Friday, June 5th, 2009

Page Speed: New open source Firebug performance extension from Google

Category: Google, Performance, Utility

Richard Rabbat and Bryan McQuade have introduced a new tool called Page Speed that is a fully open source (e.g. it has a public bug database, process for accepting code contributions, roadmap, etc) performance Firebug plugin: Page Speed is a tool we’ve been using internally to improve the performance of our web pages — it’s Read the rest…

Posted by Dion Almaer at 12:53 am
11 Comments

++++-
4.3 rating from 49 votes

Wednesday, June 3rd, 2009

Importing and Exporting HTTP data with Firebug

Category: Debugging, Utility

Jan Odvarko of the Firebug team has created a new plugin and site that allows you to export data from Firebug in the HTTP Archive Format and then also view the JSON data via a HTTP Archive Viewer. The format will look a little like this: < View plain text > javascript ({   "log":{ Read the rest…

Posted by Dion Almaer at 7:14 am
3 Comments

++++-
4.1 rating from 23 votes

Tuesday, June 2nd, 2009

CSS Gradient Tool; Build the Apple Navigation Bar

Category: CSS, Utility

John Allsop has created a very cool CSS gradient exploration tool that lets you get the gradient you need, with the resulting sample and code right there. You could use it to do what he did, and recreate the Apple navigation bar in pure CSS instead of using images. John didn’t stop there, and has Read the rest…

Posted by Dion Almaer at 8:25 am
6 Comments

+++--
3.5 rating from 26 votes

Friday, May 22nd, 2009

Firefinder: Quick access to what you are looking for

Category: Debugging, Firefox, Utility

Robert Nyman has a new Firebug extension called Firefinder. The idea is to quickly text CSS selectors/XPath in a document to see what will match, or how many instances of a certain element there are (thinking certain type of heading, for instance). It offers: A quick way to filter HTML elements via CSS selector(s) or Read the rest…

Posted by Dion Almaer at 7:23 am
10 Comments

++++-
4.1 rating from 39 votes

Thursday, May 14th, 2009

Monadic Parser in JavaScript

Category: JavaScript, Utility

Jens Schmidt pointed us to an interesting project by “Mu Dynamics Research Labs” called p4js: p4js is a monadic parser library that provides the basic monadic operators return and bind The announcement blog post explains some of the motivations behind the project: After exploring Haskell for some time, I find myself often adopting functional concepts Read the rest…

Posted by Ben Galbraith at 10:32 am
3 Comments

+++--
3.9 rating from 27 votes

Thursday, April 30th, 2009

960 Gridder: Easy to use layout design tool

Category: CSS, Design, Utility

Andrée Hansson has created 960 Gridder, a grid layout tool for web developers that you can either use as an integrated component to layout your websites or use it as a bookmarklet. The grid is fully customizable but it defaults to the “960px grid standard”. 960 Gridder will automatically identify if jQuery is present at Read the rest…

Posted by Dion Almaer at 8:16 am
3 Comments

+++--
3.9 rating from 47 votes

Tuesday, April 21st, 2009

Common HTTP Tracing Export Format

Category: Performance, Utility

There are many tools that can track HTTP at various levels, but they each have their own format. What if we lived in a world where there was a common format which would enable the following: Steve Souders: “Hey Dion, Facebook is doing something wacky on their category pages. Take a look at the waterfall Read the rest…

Posted by Dion Almaer at 5:39 am
5 Comments

++++-
4 rating from 18 votes

Wednesday, April 8th, 2009

CSS Sprite Creator

Category: CSS, Utility

Chris Brainard wrote in to tell us about his new CSS Sprite Creator: Cool!

Posted by Ben Galbraith at 8:29 am
6 Comments

+++--
3 rating from 40 votes

Tuesday, March 24th, 2009

A New Memory Tool for the Web

Category: Utility

Over at the Mozilla Developer Tools Lab, we’re starting work on a new tool to help web developers understand what’s going on with the memory management of their application: So how does a developer troubleshoot memory problems? There’s only one way good way to do it: use the operating system’s tools. Unfortunately, this option doesn’t Read the rest…

Posted by Ben Galbraith at 11:07 am
2 Comments

++++-
4 rating from 30 votes

Thursday, March 19th, 2009

Observe Dojo Events

Category: Bookmarklets, Dojo, Utility

Speaking of bookmarklets, in a recent blog post Nathan Kurtyka discusses a scenario familiar to many Ajax developers: However, I can’t even begin to think about how much time I’ve wasted hunting through source code hoping there might be some event I can subscribe to (e.g. “What event is published when someone clicks on a Read the rest…

Posted by Ben Galbraith at 8:00 am
3 Comments

++++-
4.3 rating from 32 votes

Wednesday, March 18th, 2009

SuperPreview: No need to fire up VMs for IE 6, 7, and 8 testing, oh and other browsers

Category: IE, Utility

MIX ’09 has kicked in and “The Gu” just had someone show SuperPreview something that does what we saw with Meer Meer. SuperPreview let’s you do the same onion peel overlays to see differences across browsers, and you can have everything run in the server (same as Meer Meer). This means that you don’t need Read the rest…

Posted by Dion Almaer at 11:49 am
25 Comments

+++--
3.1 rating from 27 votes

KeyTable: Instant keyboard navigation in a table

Category: JavaScript, Library, Utility

Allan Jardine is up to his old tricks again (his tricks are: creating helpful small tools!). This time he has created KeyTable, a library that adds the ability to use the keyboard to navigate around an HTML table. Events can be bound (and unbound) to cells as required by the developer, allowing increased accessibility to Read the rest…

Posted by Dion Almaer at 12:16 am
10 Comments

++++-
4.1 rating from 16 votes