Search BeaconfireWire

Take the Tacky Out of Your Last Minute Gifts with Firebug

Posted Tuesday, September 22nd, 2009 at 7:00 pm by (13 posts)

The Gift: Before

The Gift: Before

Problem:

The holidays are coming up again, and once again you waited too long to buy your gifts.  You can’t find the items in stores, and when you find them online they won’t ship in time.  They don’t even offer an e-card that nicely displays the gift you purchased.  The best you can do is print out the item’s product page and stick it in a card… only, what you print out has the item’s price tag in a glaringly large font size, along with headers, advertisements and who knows what else.

Solution:

Firebug.

Even some developers who use Firebug on daily basis may not realize some of the powerful capabilities it has for quick and easy DOM manipulation.  Among its other capabilities, Firebug lets you edit and even delete parts of an html page directly in the browser, without the need to save or open the page in an editor.

The Gift: After

The Gift: After

Starting with the “Inspect” button, you can quickly jump to any part of the page and Firebug highlights the inspected element.  From there, you can right-click and either edit the content or delete the element entirely.

A minute or two of clean-up and you’ve got a respectable rain-check for gifts with a minimum effort, all without ever clicking the “save as…” button on your browser.

Comments are closed.