Tag Archives | customize

Use Firefox to Customize Your Web

I think everybody, at times, would like to be able to customize certain web sites to better meet their goals.  Now, I am not talking about simple visual edits – like making the background black and the text white.  How about adding keyboard shortcuts for certain web site links and navigation elements?  You an do that and more with the Customize Your Web add-on for Firefox.

So do you want to customize web sites without writing one single line of code?  Check out this video tutorial for a little more information about the Customize Your Web add-on for Firefox.

Some of the other customizations featured include:

  • Removal and rearrangement of elements (cut / copy / paste behavior)
    Modifying of elements in every possible way (changing size, color, default values etc.)
  • Definition of keyboard shortcuts / shortstrings for any clickable element (shortstrings are multi-character shortcuts, e.g. "SO" for a "Sign out" Button)
  • Adding keyboard navigation support for any list of elements  (e.g. for the result entries of search)
  • Insertion of arbitrary HTML and JavaScript code
  • Definition of small macros which are triggered by a shortcut
  • Automatically triggering actions on page load (e.g. for automatic click on a login button or focusing a special field)

I am just having fun playing around with this add-on figuring out all the things I can do with it.  For some, it might seem a little complex, however there is extensive documentation to help you along.

You can pick up the Customize Your Web add-on for Firefox from the Firefox Add-ons site or from Mouseless.de.

Shrink the Left-Hand Links in Gmail

Wanting to save some space in Gmail, or perhaps you’re just tired of the text-based main links to browse around your e-mail account?

The GMail Compactor user script will help you reclaim that space with style.

Shrink Gmail's Main Folders

As you can see, from the picture above, after you install this Greasemonkey user script, everything from your Compose Mail link down to your Contacts link are now minimized into very pretty icons.  As an extra benefit, you also still get the count of how many new messages are in some of your folders, such as Spam.  If you want to maximize the vertical real estate in Gmail, then pick up the Gmail Compactor user script.  (found via Lifehacker)

Get the Best of Firefox on FirefoxFacts.com

New Feature on Firefox Facts

Have you seen the new menu item on FirefoxFacts.com?  I have gone through the four years of archives I’ve posted here to find all of the “best of” Firefox-related posts.  Here is just a small sample of the posts you will find there:

Be sure to check out the new “Best of Firefox” page via FirefoxFacts.com, for a true collection of every best of list I have put out there over the years.

Beginner Guide to Stylish

Stylish Add-on in Status Bar Have you ever looked at a web page and thought to yourself, “it would look better if I could only move this over there, or change the color of that or..” well, there are a lot of things you could change about a lot of the Web’s most popular web sites.  One tool for Firefox lets you customize the look and feel of Firefox and the Web, Stylish.

Using what is called “user styles” the Stylish add-on for Firefox can empower your browsing experience by letting you personalize or fix the features of Firefox or the Web in general that bug you the most.

How do I get started with Stylish?

Once installed, all you have to do is right-click the status bar icon, select “Write Style” and then choose if you want to write a style for the URL you are on right now, or create an empty style not related to any web site, for now at least.  You can also tag your style, giving it a few descriptive words. 

Write a New Style in Stylish!

Now how do you know what to put into the window, to customize Firefox (as I have done in the screenshot above) or your favorite web site?  I suggest checking out userstyles.org. 

Where can I find and learn to create user styles?

Not only is userstyles.org a great repository of scripts others have written that you can use, it is also a place where you can view the code they used, so you can try it out when you create your own user style.

Here are a few resources to get you started finding the user style that you need or want to use:

There is also a user styles blog and set of forums for you to follow too.  If I had a top 10 list of my favorite Firefox add-ons, Stylish would be in the top 5, at least.  Anything that helps the users of Firefox customize the Web or Firefox to meet their needs better is a winner in my book.

Tab Mix Plus

Tab Mix Plus It has been a long time since I have taken a look at Tab Mix Plus.  I know a lot of people who use it, and it continues to be one of the most popular Firefox add-ons out there.  So the first question to ask is, what makes it so darn special?

Well, the main goal of Tab Mix Plus is to give Firefox’s tabs more capabilities.  You can quickly duplicate tabs, control the tab focus, you get all kinds of tab clicking options, undo tabs and windows, and that is just scratching the surface. 

It also includes a full-featured session manager with crash recovery that can save and restore combinations of opened tabs and windows.

Tab Mix Plus Options

Need help using one Tab Mix Plus’s features?  They have a handy set of user forums here:

All in all, Tab Mix Plus is still a great addition to the Firefox browser if you need to do “more” with your tabs than the default Firefox install or any other add-ons give you. 

Remove the Resizer “Thingy” in Firefox

remove-grabber Why does Firefox have that little resizer corner thingy?  The one that rests in your status bar, on the far right side.  I am not even sure what to call it.  It has no point, because I can grab Firefox from all four corners to resize it to the size I want.  So the question remains – how do I remove it?

I now turn towards my favorite Firefox modification tool, Stylish to do the job for me.  Go check out ffox 3 no resize”thing” in the lower right corner and load that into Stylish (or Greasemonkey).  Now, you should have a little more status bar room.

As an extra bonus, if you want to make your status bar appear more flat, and remove the borders between things – copy and paste this into Stylish.

/* ::::: flat statusbar ::::: */
.db_downbar, statusbarpanel, .statusbarpanel-iconic,
  .statusbarpanel-iconic-text, .statusbarpanel-menu-iconic,
.progressmeter-statusbar, progressmeter {
  -moz-appearance: none !important;
  border: none !important;}

Credit for that tip goes to the mozillaZine forums.  Doing so should remove the junk and leave things with a cleaner look.

Find Greasemonkey Scripts for Your URL

greasefire-for-firefox We all love using Greasemonkey to help customize the Web or Firefox itself to our liking.  There is a problem though when it comes to finding scripts based around a certain URL.  It is not an easy thing to do.  That is where Greasefire, an add-on for Firefox, comes into play.

As a companion extension to Greasemonkey, Greasefire automatically find Greasemonkey scripts on Userscripts.org for the URL you are looking for.  When you are browsing a web site that does have user scripts available, Greasefire will light up the Greasemonkey icon in the status bar.  Then, right-click the Greasemonkey icon and choose the “X scripts available” item to see and install the scripts available for the current page.

So, if this is always looking for user scripts, isn’t that going to slow down your browsing?  Not exactly.  Greasefire works with a local level index to search for scripts that apply to the page you are on.  The local index updates periodically, so you shouldn’t be too out of the loop when doing lookups either.

You can pick up Greasefire on the Firefox Add-ons site.

Greasemonkey Help User Script Trouble? Be sure to check out the Beginner’s Guide to Greasemonkey!

Go Shopping with the Mozilla Community

Got a great idea for a Mozilla-based t-shirt?

Inspired by the Firefox 3 t-shirt design contest, the new Mozilla Community Store gives you the chance to design a shirt for Mozilla anytime you wish.  It is time to take that great idea to the public, and Mozilla will help you do it (as long as it is Mozilla related).

Here are a few of my favorites I have seen thus far…

 ffs1  ffs2  ffs3

Every shirt they have listed was created by the Mozilla community.  Once you find the design you like, you can customize it even further (by selecting the style, color and much more) then order it.  Think of it as Firefox add-ons for your body.

If you create any of your own designs – share them with us here.  Would love to check ‘em out!

Want to Create a Firefox 3 Theme?

Some time ago, I told you about my favorite tutorial for people wanting to know how to build their own Firefox theme.  I am happy to say that the twisted-one himself, TwisterMc has updated his digital class in Firefox design to cover Firefox 3.

There are a few requirements, such as getting your own unique UUID, giving TwisterMc some credit, and coming up with something original – but those are easily done in exchange for the knowledge you will be receiving.

ipoxremix Some of the tutorials covered are:

- Packaging Firefox Themes
- Creating Your Themes’ Identity & Install Files
- Graphics Editing for Firefox Themes
- Custom Firefox Toolbar Buttons
- Customizing Toolbar Backgrounds
- Submitting Your Theme to Mozilla
- Customize Firefox’s Scrollbar
- Changing Fonts & Colors in Firefox Themes
- User Generated Q&A

Check it all out here:

Big thanks to TwisterMc for updating this for all of us to enjoy. Know of anymore theme resources or tutorials out there?

25 More Tweaks for Your Firefox Status Bar

status-bar-tweaks2 Seems like a few people thought I forgot a few favorite extensions with the 25 Tweaks for Your Firefox Status Bar.  So, I thought why not revisit the idea and toss in some of the suggestions I received from all of you.

Flagfox – displays a country flag depicting the location of the current web site’s server

PingPong – start up a game of pong, anytime you feel the urge

FoxyMeter – how far have you surfed?

foxymeter

GA? – Is Google Analytics Installed – checks to see if Google Analytics is installed on any given page

Cookie Monster – gives you easy access to how cookies are used in your browser

Linkification – converts text links into genuine, clickable links (get more here)

infoRSS – displays RSS, Atom, parsed HTML and NNTP feed in a scrolling area in the status bar

Server Spy – indicates what brand of HTTP server (e.g. Apache, IIS, etc.) runs on the visited sites

Status-bar Scientific Calculator – a calculator that is very scientific!

Html Validator – adds HTML validation inside Firefox

Browse Images – browses all linked images of a page one after another or at once

QuickZoom – adds two icons to the Firefox/Thunderbird status bar which enable quick access to the “Enlarge Text Size” (Ctrl++) and “Reduce Text Size” (Ctrl+-) menu commands

943948800

MoneyQuake – displays your real-time earning statistics

whos.amung.us Users Online Counter – shows how many people are currently on your web site in accordance with the whos.amung.us widget

Converter – contextual unit and time zone conversion on any web page

QuickPageZoom – another quick page zoom add-on for the status bar

PhishTank SiteChecker – gives Firefox users a way to bring the community judgment of PhishTank

Forecastfox -  get international weather forecasts from AccuWeather.com, and display it in any toolbar or statusbar

9439488d00

NoScript – allow active content to run only from sites you trust, and protect yourself against XSS and clickjacking attacks

Download Statusbar – view and manage downloads from a tidy statusbar – without the download window getting in the way of your web browsing

FoxyTunes – lets you control almost any media player and find lyrics, covers, videos, bios and much more with a click right from your browser

Greasemonkey – allows you to customize the way a web page displays using small bits of JavaScript

Stylish – customize the look of the application and of web sites with Stylish, a user styles manager

Gmail Manager – allows you to manage multiple Gmail accounts and receive new mail notifications

Turn it Off? – The last would be to turn the status bar off.  To do so, go to View (in the menu bar) and then click on Status Bar.  Doing so will turn it off.  Repeat the same steps to turn it back on.   So now, after doing 50 tips to tweak your status bar – which did I miss?