Firebug Great For Web Design

Hey

There is one tool that I use the most for web design and that is Firebug. It is a simple firefox plugin that lets you dive into the CSS and HTML of a web page to see how it is built and works. It is great for understanding CSS and working out my stuff isn't working as it should be.

What firebug offers is a simple interface pane that appears on the bottom of the screen. You have on the left the html of the webpage, this is used in flippy triangle format so you can collapse great panes of html if you don't need it. On the right you have the CSS this is live, so you can change the CSS and see what happens.

It is a great tool to see how pages work, you can also fiddle about with pages to see why they aren't working as they should be. As well as this they also include script messages, as well as DOM and Net errors. A try developers tool. I recommend it to any designer new or old.

The Top 10 Firefox Themes

Recently I brought you a post about the top 10 Firefox extensions if you want to read it its is located here.

This time I am posting about the top 10 Firefox themes. The themes improve the look and feel of Firefox. In no particular order is the Top 10 Firefox themes. All the extensions can be downloaded here. Drag onto Tools > Addons > Themes.

1) Metal Lion - VistaA real cool theme that improves on the current buttons and style of Firefox.

2) Walnut for FirefoxA different type of theme, adds a cool wooden look to the page. Interesting for a different look.

3) iFox Smooth

A great theme that improves on the look of Firefox, looking and making it feel like Mac OS X. One of my favorite.

4) Aluminium Kai 2

A rather cool theme that is futuristic, a great theme.

5) Abstract Classic

A futuristic extension similar to the one above, one of my favorite.

6) Old Factory Black
A very grungy Firefox extension, but definitely a good Firefox theme to install and use.

7) iPox

A very modern looking theme similar to the previous themes this one is worth a download.

8) Scribblies Kids
More of a funky theme for kids and adults alike. This one is great of you need to brighten up your day.

9) Ubuntu Human


Its Ubuntu, it seems to be popping up every where. Now you can get it one Firefox. A lovable theme that is definitely in the Top 10

10) Windows Vista

Finally if you want Firefox to look like Windows Vista then this is the best theme, probably one of the best themes out there.

If you want to download all of the Themes here.

The Top 10 Firefox Addons

Firefox is great and there is also some amazing add ons that go with it. In no particular order the top 10 Addons. All can be downloaded here. To install just drag the file onto Firefox.

1) Download Status Bar

This Addon is one of the best because it offers ease of use when downloading files. With custom functionality it is a lot better than FireFox's built in down loader.

2) Add Block PlusThis extension is one of the best for Firefox, gives the ability to block any URL. A must have if you find adverts annoying.

3) FoxMarks

This program is some what unique as it automatically (and securely) uploads you bookmarks, which can be retrieved and used on other computers.

4) Firebug

Don't you find it annoying when you click a button and nothing happens, are a page loads incorrectly. This extension can help. It shows HTML, javascript and other errors when surfing the web. Useful to have when things go wrong.

5) Adsense Preview
Do you have Google Adsense Disorder (GAD) where you have to check your Adsense earning every 10 seconds. This extension is for you. It has the ability to automatically check how much you have earned. A very useful tool.

6) Screen Grab!
This add on gives the ability to take a image of a website, much better than a Print Screen job, you would normally have to do.

7) Grease Monkey
One of the best extensions and should be included with every release of Firefox. Gives the user scripting ability to change the why a web page works to suit you needs.

8) Tab Effect

More of a cool widget thing that improving functionality, gives cool tab transitions.

9) Colour Full Tabs

Again another extension that offers the more colour and life into Firefox. I love it.

10) Mouse Gestures

A useful extension that enables you to do mouse gestures (Duh) to do particular commands, back forward to name a few.

You can download all of the Add Ons Here

Firefox and Thunderbird Logos as Vectors

I was a bit bored today and had an idea. Wouldn't it be cool if the FireFox and Thunderbird logos were vectors. So I created these:

Click to Enlarge

The files are .dfx so they can be opened in any CAD / Vector program. Illustrator, AutoCAD.

If you want to download the files, you can do what you wish with them, but please link them back to me.

The file is located here.

If you want to use FireFox please use the link on the right.




This work is licensed under a
Creative Commons Attribution-Noncommercial-Share Alike 2.0 UK: England & Wales License.