Inspired by the pictures posted on decluttered I’ve reorganized the cables from my desk.

First, I’ve looked for an appropiate pegboard, which I found very cheap at a furniture wood deposit. Then, with help from Sergiu, I’ve made a grid of holes, rows and columns, 4cm apart.

The last part was to attach everything that was ductaped to the back of the desk to pegboard and find a way to mount the pegboard to the desk. For this I used two kinds of zip laces, longer ones for medium – big devices, and shorter ones for cables.

I will add two more devices, an external hard drive (Western Digital MyBook) and a wireless router (AirPort Extreme Base Station) next month.

Here you can see the before and after uncluttered desk pictures.

Caveats to Internet Explorer PNG transparency bug

.png_image {
  background: url('/img/some_image.png') no-repeat;
  z-index:10;
}

* html .png_image {
  background: url('');
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='/img/some_image.png');
}

If you’re using the above hack to handle Internet Explorer 6 PNG fix, and you’re still seeing some light blue parts, check the following things:

• The name of the class is the same in all the places you’re using it (in the div or img tag where you need the image, the ”* html .png_image” class line and the ”.png_image” class line)
• The above CSS must be included in the HTML body/head using <style> tags. Do NOT include from an external file.
• The path of the image is correct in both CSS definitions.
• If you are trying to apply this hack to an <img> element, try to use a transparent pixel for <img> and set the png image from css. The image from img source is rendered above the image from css source.

P.S. When you’re writing code in textile, escape each paragraph using ”==”.