Pixel Perfect Design in the Works

Pixel Perfect Design in the Works

by Daniel Tsang - April 4/2006

Here is a small fix I would like to mention. The buttons on the grey bar were slightly different on FireFox when compared with Internet Explorer. The buttons were nice and centred on IE, but were one pixel higher on FireFox which made them look a little tight.

In IE (left). In FireFox (right).

As a result, we decided to make them bigger. Here are the before and after screen shots on FireFox.

Before (left). After (right).

We have already made this change for our next release. However, even a small change like increasing the height requires a lot of testing. When we made this change, we had to take a look at all affected pages in different versions of IE, FireFox, Netscape, Opera as well as their MAC equivalents. We also had to login as the administrator, client and staff to make sure the grey bar looked good for all users.

The fastest way to track your time and invoice your clients is with FreshBooks, the leader in online invoicing. Sign up for your free account!

What is FreshBooks?

FreshBooks is an online invoicing and time tracking service that helps professionals in over 100 countries save time, get paid faster, look professional and focus on what they love to do — their work. Read our customer survey results — 99% recommend FreshBooks. FreshBooks users are served by a tight-knit team of 31 dedicated individuals based in Toronto, Canada who've been at this since 2003.