14 July 2009

Firefox 3.5 - Maximizing Screen space

Firefox 3.5 is an amazing browser that is blazing fast. However it is a victim of one thing I dislike in most browsers, chrome(The section above the browser content viewing area) overload. Google's Chrome browser does a fine job of minimizing the Chrome area and maximizing viewable content space.
I set out on a mission to make my browser use as little screen estate as possible for non-content sections. Here is screenshot of how my browser looks today. This is a complete screenshot of my desktop with firefox 3.5 on. Notice that there is no menu bar (File, Edit...), no google search bar, no bookmarks , no google toolbar, no Tabs, no status bar at the bottom.
This provides an amazingly vast screen space that allows me to extract maximum viewing with little scrolling.
Here is how I did it.
First the simple ones.

The tool bars
Use the 'View->Toolbar option in your firefox browser and deselect the 'Bookmarks' toolbar option to get rid of the annoying bookmarks section.

Now, that was easy.

Getting rid of the Search Box and shrinking the back button.
The next one is to get rid of the default search box that comes with firefox. Now, why would I do that? you may ask. The reason is that the new firefox 3.5's URL bar by itself doubles up as search bar. So, if you were to type "Search Barrack obama" in the URL bar, firefox 3.5 does a search using your favourite search engine and presents the results. So, this makes the search bar an unecessary function. So, lets get down to removing it.
Right click your mouse on the browser chrome area and select customize. Firefox will present a customize tool bar window and a grab handle. Now use the grab handle and pull the search box from the firefox's chrome section and drop it into the Customize Toolbar window. This will remove the Search box from Chrome section.
The next is to shrink the back button. In the customize toolbar button select the checkbox that reads "Use Small Icons". Now the extra large back button would be shrunk to a normal size.

Lets do a quick check of things to do.
  1. Hide Title bar that says "Mozilla Firefox...."
  2. Hide the Menu bar that reads "File....."
  3. Hide the Tab strip
  4. Hide the Status bar.
Hiding the Title Bar
The Title bar serves no purpose when the window is on top. Thankfully we can hide this in firefox. Download and install this add-on(You may be required to check the select the Let me install the experimental add-on check box).
HideCaption AddOn
Restart your firefox once the addon is installed and voila! the title bar is gone.

Before
After

Hiding the Menu Bar
File Menu bar is something that people seldom use in a browser. It really takes up a useful line of space from the screen. Hide Menu bar is an addon that makes this menu bar go away . We can always bring it back by clicking the alt key in the keyboard. For those who prefer keyboard to access menu functions this is a known method to access menu functions. For those who prefer to use mouse for all operations, this is a trivial detail to remember.
Now lets get to business. Here is the link to the add on. Once you have downloaded this and restarted firefox you will notice that the menu bar does not appear unless you press the alt key.
Before

After

Thats another line freed from the clutches of the tyrant! Okay I overdid it. Move on, shall we.

Auto Hiding the Tab Strip.
Well, this one is a personal preference. I dont want to know about the other tabs until I'm looking to move away from the current tab. So, I'd love it if it would auto hide and show up only when i need it! I can do this by installing the Tab Bar Add on
Hit the link and download the experimental add on like you did earlier by selecting the 'Let me install this experimental addon' option.
Now, restart the firefox and the tab bar is gone! Moving the mouse over to the URL bar area brings the tabs back automatically! Its just perfect!

You can even customize the tab bar behaviour by using the options in the addon section.

Now, we are almost done.
The last step

Auto Hiding the Status bar.
The status bar is of no use once the page is done loading unless you are a developer who uses the status bar for a bunch of other things. I would love it when the status bar shows up when a page is loading and goes off once it is loaded and displayed. Here is how to do it. Download this experimental addon Hide Status bar and restart the firefox! ta da! the status bar is now dynamic! It can be even further customized to show up on mouse over of hyperlinks etc., Wonderful isn't it?
Now for the real Before and After images!.














You have just liberated more than 25% space in your browser! Liberating is it not? It would not have been possible for all those add on developers doing their bit.
Thank you good fellas.