Browser Bits

February 3, 2007

Essential Tools

The following is a list of Essential Web Development Tools. I plan to update this post regularly, with new stuff, whenever I can.

All Browsers:

Mozilla / Firefox / Camino:

First, if you haven’t got these Extensions, go get them now! (trust me, you won’t ever want to be without them)

The next few items, are optional… I find them very handy, but it depends on how focused you are on frontend vs. backend development.

  • Colorzilla (A handy color picker/DOM Node navigation tool)

Internet Explorer (IE):

  • Viewing the source of a page in IE can be a big pain. Especially if you want to see the source of the page,*after* you’ve done some DOM manipulation to it.
    • Bookmark (cough: favorite) the following line, to view the source of any page, exactly as IE sees it at any moment in time.
    • javascript:document.body.innerHTML=('<xmp>'+document.getElementsByTagName('html')[0].innerHTML+'</xmp>');




Unfortunately, Konqueror does not support the javascript: protocol in the location bar, which means using bookmarklets is out of the question (too bad, because they are extremely handy)



  1. […] post by Permalink […]

    Pingback by Essential Tools | About Firefox — February 3, 2007 @ 6:32 pm

  2. Hi


    Comment by Test — March 30, 2007 @ 8:59 am

RSS feed for comments on this post. TrackBack URI

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s

Create a free website or blog at

%d bloggers like this: