Skip to main content

Posts

Showing posts with the label firebug

Firebug problems in Firefox 3

Having problems with Firebug in Firefox 3? I was - mainly with things not highlighting in the browser window when you moused over them ihe code, and the "inspect" button was rarely working, if at all. There's a new version of firebug (1.2) which seems to have fixed these problems. Whew!

Using Firebug to test when updating large sites

Yikes, over a week since my last post. Busy, busy - thank google for coffee! Anyways, though this tip might be useful to someone. I was tasked with performing some minor changes to a site. The site was large and very high traffic, and because of how it was structured it was not feasible to create a test page or use a staging server - the changes had to be made to a live page. Normally this wouldn't be a big deal, except that the site was still using a heavy table-based layout. So many tables! Haven't seen so many in a long time... And worse, the indentation of the code was a mess, making it harder to figure out which tables needed to be moved, etc. Obviously, the goal was to find the "master table" for a section that needed to be moved, because to cut and paste that code to a new location w/out getting the closing table tag, or picking the wrong table would make for a screwed up page, which given the traffic would likely affect visitors... Here's where firebug com...

Another great use for Firebug - testing on a live site!

Making CSS changes to a live site can obviously be problematic. Obviously any change you make will be viewed by everyone. It's even trickier when the change will be a "limited time" type of change - i.e. adding a special ad for one day, etc. You're only real option is to create a special page on the site where you can test the changes - but what if you don't have that sort of access? Often a designer will have to work on such a change, but has no real access to see how the changes will actually look on the live site. Firebug comes through again in this situation! I was working on changes to a site that would only be live for one day, but I need to see how these css changes will affect the live site as it stands now. So, I uploaded the images involved to the server, and then used Firebug to add the CSS within style tags in the head of the page. This css only exists on my local machine, so it doesn't affect the live site in any - but it lets me test the actual...