Skip to main content

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 CSS that will be used when these changes go live. The plan is to just add the special CSS via the usual link tag one the day in question, at the bottom of head area where it will override any other CSS files being used. Then when the run is over, just remove the linktag and you're back to normal!
Labels:

Comments

Post a Comment

Popular posts from this blog

Another VI tip - using macros, an example

God I love VI. Well, actually, vim but whatever. Here's another reason why. Suppose you need to perform some repetitive task over and over, such as updating the copyright date in the footer of a static website. (Yes, yes I know you could do a javascript thing or whatever, just bear with me.) Of course you could just search and replace in some text editor, changing "2007" to "2008" (if you're stupid) - and you'll end up with a bunch of incorrect dates being changed, most likely. What you need to do is only change that date at the bottom. And suppose that because of the formatting, you can't use the "Copy" part of the string in a search replace - perhaps some of the pages use "©", some spell out "Copyright" etc. This is where vi macros come in handy. A macro in vi is exactly what you expect, it records your actions and allows you to play them back. To start recording, press q followed by a character to use to "stor...
6 comments
Read more

Using FIle FIlters in FileZilla

Here's a handy tip for situations when you want to download a large number of files - but only of a certain type. For example, perhaps you want to download all the PHP files from a largish website, scattered through many subdirectories. Perhaps you're making a backup and don't want any image files, etc. FileZilla (still the best FTP in my opinion) has a handy feature called filename filters - located under the Edit menu. Here you can set various filters that filter out files based on their filename. Took me a minute to figure that out - you're saying show only PHP files, rather you're saying filter out files that do not have ".php" as their suffix. For some reason, that seems a little backwards to me, but whatever. It works quite well. You can also check whether the filter applies only to files, only to directories - or both. In this example, you'd want to check only files, as otherwise you won't see any directories unless they happen to end in...
1 comment
Read more

Great google article

Over on Maximum PC - there were a few things I didn't know you could do with the various Google apps. One is uploading files to google docs - any file. Which ties in well with my previous post about storing passwords - I uploaded a copy of my password safe file to google docs as a backup. Can't hurt, right? Also, I wasn't aware that you could set up forms in google docs that act as surveys, and then store the results in a google docs spreadsheet. This is a little alarming, as a decent amount of my work involves coding up custom surveys similar to this...
1 comment
Read more