Productive cross browser developement

If you do even a bit of website building weather for you own site/blog or for others you are destined to get the cross browser developement headache. Not only do websites look different in Firefox 2, Firefox 3, Internet Explorer, Safari, but they even look different in Windows and Linux using the same browser.

If you build a lot of sites, let me show you a setup you can use to test on multiple browsers. First of all, I gather you already have Windows installed, or if you don’t because you’re a linux user, go ahead and install it first. Once done, you can install the new Ububtu Linux from Windows itself, without the need to muck about in boot screens and so on.

Now, you have two systems installed, all you need to do is get all the browsers you can into these systems. WIndows has IE by default, so you need to install the others only. I recommend installing three browsers here, Firefox, Opera and Safari. Firefox and Opera have large fan bases, and Safari is sort of a middle ground between installing OS X.

Head on over to your linux system and if you have Ubuntu, Firefox will be on there by default. The options you have here are much mor evaried. The good news is that most problems occur between IE and all other browsers and you don’t have to think about IE in linux too much. The bad news is that there are many more browsers used. Apart from numerous smaller browsers you can install Galeon and Konqueror, many Linux distros come with these as defualt. Galeon is based on the gecko engine (like Firefox), so you won’t have many problems there.

The main difference I’ve seen with Linux vs WIndows is the differnece in text size, usually smaller in Linux. This can cause some elements to shift about, but if you have some experience with IE problems, solving these will be a cicnh.