Fireday - Firefox Extension Reviews for December 8, 2006

This week: Dictionary Lookup Extension, Dynamic Web Project, and the recently released Firebug 1.0.

December 8th, 2006 at 4:00am — Comments: (0) — By: Jonathan Danylko — Tags: Fireday

Woo Hoo! I'm excited about the newest release of Firebug as you'll soon see.

Let's get moving... 

Dictionary Lookup Extension

Rating: 4/5

While writing my reviews and posts, I always find that I need a dictionary handy and since there isn't one available, I need to type dictionary.reference.com and type in the word and...oh, you get the idea.

The Dictionary Lookup extension provides you with a quick way to find out what a word means without even surfing to another web site.

The extension is activated through the context menu. Highlight the word you want defined and right-click on the word. The "Define..." option should be at the bottom of the context menu. The extension will query dictionary.reference.com and return the definition without even blinking. Well, it may blink a little to load the definition, but it's quick.

If the definition requires a lot of explaining, it provides the entire definition by parsing and adding each line to the context menu. Kind of low level, but it works.

With the newly introduced spell checker in Firefox 2.0, the Dictionary Lookup extension is a definite welcome addition.


Dynamic Web Project

Rating: 3/5

I remember when Alexa was strictly for looking up similar web sites based on the current page you were on. Now, it's basically a ranking tool similar to Google's PageRank. When I noticed that this extension was provided through an educational web site, I was intrigued as to whether it would be similar to Alexa.

The Dynamic Web Project Firefox extension does, in fact, provide a way for users to retrieve a list of similar web sites that resemble the web page you're currently surfing on.

The installation of the Dynamic Web Project was simple. It can be activated through the View/SideBar or use Shift+Ctrl+E. As soon as you open the side panel, you will notice a list of web sites related to the site your viewing in your browser window.

A couple downsides to the extension is the middle-click on a link doesn't open up a new window at all. As a matter of fact, it doesn't even do anything. Ok, so I tried to right-click to get the context menu. Nope. No context menu. All you can do is left-click the link to load it into the current browser window as opposed to loading it into a new tab or window.

So I went to the web site for documentation. The documentation on the site is kind of sparse and it doesn't really explain how they collect their data. It makes me wonder where they are retrieving their data from. Are they using other web sites for their data or are they collecting it themselves?

I like the extension and it focuses on one primary function: looking for similar web sites. Even though the current version is 1.0.3, I expected a little bit more from a full release version that has been out for a while. The extension, though, requires additional options and features before it can become a welcome addition in my Firefox toolkit.


 

Firebug 1.0

Rating: 5/5

With the first release of Firebug, I was impressed with the extension overall. I even wrote about how the "Super Extension" could be a standalone application in itself. Based on what I've seen since its 1.0 release on Monday, I'm impressed even more so than I was before with the previous version.

First and foremost, everything that was included with Firebug, you would expect to pay for in a commercial IDE. The very thought of releasing this extension for free blew my mind. Yes, I said the extension is FREE. If you are using it constantly (which I am), you can donate some cash to Mr. Hewitt for all of his hard work. I pitched in my contribution. :-)

Let's get to the extension. One of the things that I love is the ability to have dual monitors while programming. The one problem I had with Firebug was the panel was always at the bottom. With version 1.0, you can run Firebug in a bottom panel OR run Firebug in a completely separate window. Move the other window over to the opposite monitor and start debugging. Awesome!

HTML & CSS Tools

Firebug provides a Box Model viewer, along with an improved inspector. Click on the HTML tab in the left panel and the Layout tab in the right panel. The Box Model is displayed on the right while the HTML tree is displayed on the left. Start moving through the tree and as you hover over an HTML item, you'll notice the HTML in the browser window will be highlighted. Click on some text in the HTML tree. You can edit the HTML right there in Firebug.

I've always loved CSS, even back in Netscape days (when it was supported). However, I always wanted to know about the size of a DIV. In the Layout tab, when you hover over the Box Model, you'll notice it'll draw a ruler around the box for those who are having problems with dimensions of the box.

You can even edit the CSS. Firebug provides you the ability to tweak your CSS while looking at the browser, so immediate adjustments can occur while editing the CSS. Excellent feature.

Why are my pages taking so long to load?

Firebug provides a network monitor to see if your pages are taking way too long to load. After reading some recent statistics about web sites, I think this feature will definitely come in handy. To activate this feature, make sure Firebug is open and you have the Net tab selected in the left panel. You won't see much right now. Reload the page and just watch your statistics light up the screen. Wow! VERY cool.

Want more information on what came down from the server? Expand the page by clicking the plus (+) and you see the headers of each item that was received. Nothing like digging into Firefox and finding out the dirty details, huh?

We can't forget AJAX

No, we can't. Firebug still delivers when it comes to everyone's favorite: AJAX. They have vastly improved the AJAX monitor in this version. Click on the tab XHR (XmlHttpRequest), and load a page that contains AJAX. Activate it and watch as the activity is displayed in Firebug.

Speaking of JavaScript, you'll never guess what Firebug included in this version. A command-line for JavaScript. You can type in JavaScript code and have it display the results immediately. Flashback to dBASE III+, but I digress. Not only do you get a command line for JavaScript, but you also get auto complete when you type at the command line. Whoa!

If you've run into JavaScript errors before (and who hasn't), you know the Firefox debugging console isn't what its cracked up to be. Firebug has an entire section dedicated to profiling, logging, editing, stack tracing, nested groupings, and assertions (oh my).

You'll have to believe me when I say I haven't even scratched the surface of everything that's included in this extension. If I could give this extension a rating of 6, I would, but Firebug receives my highest rating for a good reason. I've been using the extension for a week and I've not run into one problem so far and its been a godsend and solid performer since I've started using version 1.0. As an extension...nay, an application, Firebug has shown me a great deal of programming expertise and knowledge of just how powerful Firefox's extension architecture really is.

For those who work in a corporate environment and use Firefox along with IE for web development and new employees are hired, the ONLY two extensions that should be a requirement for designers and developers would be the Web Developers Toolbar and the awesome Firebug extension.

And I'd be content with that. :-)


Have a great weekend everyone! Give me your feedback on how these extension work for you. Please post them below or Contact me directly.

Picture of Jonathan Danylko
  • Jonathan Danylko Twitter Account LinkedIn Account Facebook Account

Jonathan Danylko is a freelance web architect and avid programmer who has been programming for over 20 years. He has developed various systems in numerous industries including e-commerce, biotechnology, real estate, health, insurance, and utility companies.

When asked what he likes doing in his spare time, he answers..."programming."

Related Posts

0 Comments

No comments are posted.

Post a comment