I’ve written a number of times on this topic, but thought I’d bring it all up to date and draw all the various, disparate posts together.

I use Kubuntu, not as my main OS, but for web development testing, which means I need a broad cross-section of Linux browsers. Therefore I run Kubuntu for it’s KDE interface (and, hence, Konqueror). I do this under VirtualBox – the virtual machine that I’ve found to be the best.

So, here’s my def. guide to creating a web development build of Kubuntu (for the layman, but assuming you can find your way around an OS and VirtualBox a bit). Ok, here goes…

Installing Kubuntu

1. Download the Kubuntu ISO (I’m using the 32-bit addition) and save on your computer.
2. If you’ve not already creating a guest machine on VirtualBox, do so. I find an 8GB hard drive, 256MB base memory and 12MB graphics memory is sufficient. I also enable the 3D acceleration and VT-x/AMD-v options.
3. Attach the previously saved ISO as a mounted CD and boot. This will run through the installation – install this onto the previous created virtual hard drive.
4. Reboot after the install.

Ok, now you have Kubuntu. Start it up again and we’ll configure it.

Automatic Login

1. Go into System Settings.
2. Click on the Advanced Tab and select “Login Manager”
3. Click on the Convenience tab.
4. Click on Enable Auto-login and select the user from the drop-down list.
5. Apply these changes

This has set Kubuntu to automatically log you in each time – a handy time-saver.

Switch off Screen Saver

1. Go into System Settings
2. Click on Desktop
3. Click on the Screen Saver option
4. Untick “Start automatically”
5. Apply these changes

Update Build

The next thing I do is to go into the Adept Manager and install any pending updates. This ensures your build is as up-to-date as possible.

Now restart the system.

Installing Linux Additions

Linux Additions is software which improves the interactivity between your host machine and your guest machine – in my case, between Windows XP and Kubuntu.

1. Start Kubuntu. At the top of the VirtualBox window, select Devices and then click on “Install Guest Additions”
2. Open up Konsole and run the following…
   sudo aptitude install build-essential linux headers-`uname -r`
3. Once complete, run the following commands…
   cd /media/cdrom
sudo sh ./VBoxLinuxAdditions-x86.run
4. Once complete you’ll be prompted to restart the system, which you should do.

Once the system has restarted you’ll notice that you’ll be able to cleanly interact with the Kubuntu system via your mouse, without having to click in the window and use a “hot key” to return back to Windows. It will also give you extra video facilities which leads onto…

Improving Screen Size

I don’t know if it’s the same with your build but up until the point I installed the Linux Additions, Kubuntu was displaying in a 800×600 pixel window. However, now it’s gone to 1152×864, which is a lot better. Personally, I’m going to change it, so here’s how to do it…

1. Go into System Settings
2. Click on Display
3. By default the Size and Orientation option should be selected
4. You should see an option to set the size – change this via the drop-down
5. Apply these changes

The screen then proceeded to corrupt and I had to reboot the Kubuntu session to get it back – this worked however and my resolution is as I set it.

Installing Browsers

Kubuntu comes with Konqueror. The two further browsers I wish to install are Firefox and Opera.

First of all, Firefox…

1. Go into Adept Installer
2. Search for & install Firefox

A simple one that! Now for Opera…

1. Browse to http://www.opera.com/download/ and download the latest version to your desktop (it should be a .deb file)
2. Right click and select “Open With” followed by “GDebi Package Installer”

And that should be it. All done. However, each update to Kubuntu normally brings along changes to the above (e.g. with 8.10 I lost the ability to easily specify my monitor and video card hardware).

The plan now is to keep this post up-to-date (I’ll add appropriate comments to highlight where changes are made). In time I’m going to add a selection of FAQ pages to the site, and I’m sure this will become one of them.

Good luck and if you have any problems, please drop me a comment.

Firefox 3 is great. Particularly the new tag facility for bookmarks.

However, it would appear that this initial version is, possibly, a bit buggy. I say “possibly” because after reading some of the forums it would seem that these may not be bugs but intentionally done to “save the user from themselves”.

Let me explain.

This came about when I accidentally created an empty tag. I don’t know how, but I’ve recently found one way – delete it from the list of tags in the “Organise Bookmarks” window. Any shortcuts that had the tag in it will have it replaced with an empty one. This tag is then listed as “(no title)”. Now try and delete it. You can’t? No, and if you’re using Foxmarks, it will cause synchronisation to fail.

I looked for all sorts of solutions but, in the end, the easiest was simply to start again. And what I mean by that is to create a new Firefox profile, re-install all my search engines and plugins and then use Foxmarks to download all my bookmarks again from their server. Once done I deleted my original profile. It’s not neat but it works.

Anyway, it would appear that deleting tags generally can be a bit, erm, hit and miss. However, the suggestion is that this has been done on purpose to save the user from doing it by accident. Erm, yes. Ok. Doesn’t really make sense to me and I can only hope this issue gets fixed.

Why, for example, if I delete a tag is an empty one created for all those bookmarks that use it? Why isn’t the tag simply removed?

Maybe we’ll never know.

Now, without going into the wrongs and rights of it all, most of my websites follow a familiar theme of being a set width. This blog, even though it’s WordPress, is, as is BMTG and Copy+.

This width is designed to fit on the width of what I deem to be the smallest screen that a reasonable number of people are using (on PC’s – not going into mobile phone handsets and the such). That size, in my belief, is 800×600¹- the initial Asus PC’s, which sold so well this year, were exactly that.

However, the width I’ve been using has been very much a “finger in the air” affair – so much so, that the appearance of a vertical toolbar causes the horizontal one to appear in some cases. Yep, I got it wrong.

I’ve therefore, recently, been doing some research – I wrote a JavaScript program to display the current browser size, and display a horizontal bar in varying lengths. This allowed me to work out how much “real estate” the browser was using up – e.g. launch IE7 and it takes up 21 pixels horizontally. That means whatever your screen size is set to, the web page will 21 less to play this. In fact, IE7 was the worst offender (along with IE6), so that’s become the benchmark²- 779 pixels.

Firefox uses 17 pixels and Opera, well, god only knows – I got strange results. Without a vertical scrollbar, it took up (strangely) 1 pixel horizontally. However, introduce the scrollbar and it took up – the same. It would allow my image to be 799 pixels wide and not bat an eyelid. Make it 800 though and the scrollbar appeared. Why this happened I honestly don’t understand. But I’ve tried a 779 wide page and that works, so Opera is certainly not using up more than the “magic” 21 pixels.

Konqueror uses 19 pixels and Safari (on Windows) is the slimmest at just 15 pixels.

The Copy+ site has already been converted to this new width, and the BMTG site will be soon too.

1. according to Google Analytics this was the 5th most popular resolution used by visitors to the BMTG site [↩]
2. IE does something that the other browsers don’t – it has a permanent horizontal scrollbar. So whether it’s needed or not, it’s there using up the same amount of space all the time. [↩]