Category Archives: Web Design Software

Professor X for Firefox 3

Posted on by

Following the update to the X-Ray extension is the new version of Professor X for Firefox. While X-Ray lets you see ‘through’ a webpage to the HTML tags inside the body, Professor X lets you see inside the head tag without viewing the sourcecode.

I’ve submitted the update to Mozilla Addons, but I’m not sure how long it will take for that to make its way through the approval process and be made available for download. For anyone who wants to get the extension from Design Meme, here’s the link:


Install Professor X version 0.5

What was interesting with this update was that Firefox 3 now prevents the a webpage from accessing any of stylesheets or icons packaged with the extension through the chrome:// url. This meant changing the approach to how Professor X worked, making all of the CSS part of the javascript file and encoding all of the icons in Base64.

It’s good to finally have both of these extensions working with Firefox 3 (I’d missed having them for my own use!).

X-Ray for Firefox 3

Posted on by
Mozilla Firefox Icon

Image via Wikipedia

The X-Ray extension has been updated to work with Firefox 3. Actually, it’s been updated for quite a while but it’s still waiting on someone to approve it on the addons.mozilla site.

Since so many people have been asking me when the new version is going to be posted I’ve decided to start making it available directly from Design Meme again. This will go along with a number of updates and an all around increase in the amount of content and activity you see here on the site. If you only stop by once in a while, why not subscribe to our feed so you’ll know when we’ve got more new stuff to share.

If this is your first time using X-Ray, it lets you “see through” a webpage to the HTML tags underneath. Right-click on a page and select ‘x-ray’ to view the various elements on the page, without switching back and forth between the sourcecode.

The companion extension, Professor X, is also being updated and should be ready for download in the next few days.

Install X-Ray version 0.9

X-Ray and Professor X Updated for Firefox 2

Posted on by

In advance of the general release of Firefox version 2, I’ve updated both the X-Ray and Professor X extensions to work with the new browser. You can either download the updated versions here at DesignMeme.com or get them from the official Firefox Addons site.

Thanks again to everyone who has emailed to say they’ve found these extensions useful and offered suggestions for future versions. While I would have liked to have provided some new features in these updates, I’ve been focused on other things the past few months. My wife and I are expecting our second child, and we’re now in the final days counting down to the new arrival! It’s a very exciting time, and we’re really looking forward to meeting the new baby.

X-Ray Update for Firefox and Flock

Posted on by

The X-Ray extension, which lets you see the underlying tag structure of a webpage, has been updated to version 0.8. X-Ray is now compatible with both Firefox and the new Flock Browser which recently moved into public beta.

The new version of X-Ray adds support for displaying tags for table, tr, script and a few other elements! Tags will now show both ID and Class details if they exist. The update also improves compatibility with the new Professor X Extension — also available for both Firefox and Flock.

Continue reading →

Professor X Extension for Firefox

Posted on by

My second Firefox extension is ready for download today! Professor X let’s you see inside a page’s head without viewing the sourcecode. This is the companion extension to X-Ray which reveals the underlying code within a page’s body, although either extension can be installed and used on its own.

Once installed the Professor X command is available by right-clicking as well as in the Tools menu. When applied to a page it will display the contents of the page’s head element, including Meta, Script and Style content. This can help you see how a website was constructed without having to go back and forth between the sourcecode and the page in your browser.
Continue reading →