RememberYourFriends.com running jQuery

January 18, 2007
0 comments Web development

I've upgraded RememberYourFriends.com now to run jQuery now instead of tw-sack and my own home-brewed javascript code.

I've also joined the jQuery documentation team to be able to include my little baby site on Sites Using jQuery

Currently it's using jQuery 1.0.4 but I'll upgrade to 1.1 soon. I'm also working on a Swedish version of RememberYourFriends.com but I've only translated 60% of the strings so far.

Best youtube.com clip of the year?

January 16, 2007
8 comments Politics

Best youtube.com clip of the year? This has to be one of the best youtube.com clip of the year. It's funny, scary and just outright amazing.

"What currency do they have in the United Kingdom" the report asks.
"I don know. American money?" answers the Texan man.

Sure, there are a lot of people in USA and not all of them are rednecks but those that are scare me more than insurgents in the middle east.

The scariest part of this clip is towards the end when they ask people if the support president Bush on Kyrgyzstan being a threat and whether the United States should invade it.

Disclaimer: I know a lot of Americans and they're lovely people. I do understand that this clip selects only few exceptional cases but that doesn't make the clip any less fun

Flash 9 on Ubuntu Edgy Eft

January 10, 2007
4 comments Linux

My Ubuntu Linux on my work laptop works great but since I've strayed far away from the default options (own kernel, own window manager etc) some things sometimes don't work as expected. Such as Flash9. The problem I had was that there some some package in there that was broken for some reason: libswfdecmozilla.so

Here's what I did:


# cd /usr/lib/mozilla/plugins
# rm libswfdecmozilla.so
# wget http://download.macromedia.com/pub/labs/flashplayer9_\
update/FP9_plugin_beta_101806.tar.gz
# aunpack FP9_plugin_beta_101806.tar.gz
# mv flash-player-plugin-9.0.21.55/libflashplayer.so .
# chmod +x libflashplayer.so

Start firefox and enter about:plugins and this is what you should see

That worked for me. Hopefully this will help somebody. The help I got from this page which might also help people with a broken Java in Firefox but they don't say that you should delete the libswfdecmozilla.so driver.

UPDATE

There's a slightly more recent beta now. The November 2006 beta

UPDATE 2

Now there's a final release on adobe.com

setAttribute('style', ...) workaround for IE

January 8, 2007
41 comments JavaScript

I knew had I heard it before but I must have completely missed it anyway and forgotten to test my new Javascript widget in IE. None of the stylesheet worked in IE and it didn't make any sense. Here's how I did it first:


var closer = document.createElement('a');
a.setAttribute('style', 'float:left; font-weight:bold');
a.onclick = function() { ...

That worked in Firefox of course but not in IE. The reason is that apparently IE doesn't support this. This brilliant page says that IE is "incomplete" on setAttribute(). Microsoft sucked again! Let's now focus on the workaround I put in place.

First I created a function to would take "font-weight:bold;..." as input and convert that to "element.style.fontWeight='bold'" etc:


function rzCC(s){
  // thanks http://www.ruzee.com/blog/2006/07/\
  // retrieving-css-styles-via-javascript/
  for(var exp=/-([a-z])/; 
      exp.test(s); 
      s=s.replace(exp,RegExp.$1.toUpperCase()));
  return s;
}

function _setStyle(element, declaration) {
  if (declaration.charAt(declaration.length-1)==';')
    declaration = declaration.slice(0, -1);
  var k, v;
  var splitted = declaration.split(';');
  for (var i=0, len=splitted.length; i<len; i++) {
     k = rzCC(splitted[i].split(':')[0]);
     v = splitted[i].split(':')[1];
     eval("element.style."+k+"='"+v+"'");

  }
}

I hate having to use eval() but I couldn't think of another way of doing it. Anybody?

Anyhow, now using it is done like this:


var closer = document.createElement('a');
//a.setAttribute('style', 'float:left; font-weight:bold');
_setStyle(a, 'float:left; font-weight:bold');
a.onclick = function() { ...

and it works in IE!

Thuas Trägubbar

January 4, 2007
1 comment Family

Thuas Trägubbar My sister, my mom and I just launched a new website for my mom and her wood carving hobby. It's called Thuas Trägubbar (which literally translates to "Thua's wood figurines". The site it unfortunately only in Swedish but hopefully people will appreciate the pictures anyway. Most of the faces done are of course only local or national celebrities but there are some international ones too.

There's even one of me.

UPDATE

It's now www.thuasgubbar.se

Find largest directories with du -k

December 29, 2006
3 comments Linux

Here's a nifty little command I used today to find where my hard drive was being most used:


du -k /home/peterbe/Documents/ | sort -n | tail -10

I'm sure there are even fancier methods and programs but this works pretty damn well. Here's what the output can look like:


root@trillian:~ # du -k /home/peterbe/Documents/ | sort -n | tail -10
4240    /home/peterbe/Documents/Kalle
4852    /home/peterbe/Documents/ChartDirector/lib
7756    /home/peterbe/Documents/ChartDirector/doc/cdpydoc
7764    /home/peterbe/Documents/ChartDirector/doc
13044   /home/peterbe/Documents/*** FONT _ ***/- Font Applications -
14704   /home/peterbe/Documents/ChartDirector
547940  /home/peterbe/Documents/*** FONT _ ***
2171000 /home/peterbe/Documents/MacOSXSoftware/Adobe Creative Suite 2 Premium
3262580 /home/peterbe/Documents/MacOSXSoftware
5694808 /home/peterbe/Documents/

ImageMagick conversion comparison

December 9, 2006
3 comments Linux

I have an application where I need to resize huge digital camera pictures down to 800x600 pixels. To do this I used ImageMagick's convert program which I feel gives much better quality than Python PIL. To reduce the file size I make sure I use the -strip option to convert but the really interesting question was what quality option should I use?

Goal: the image should be as small (in bytes) as possible without too reduced in picture quality.

To get the optimal picture quality of course the right option is -quality 100 and to get the smallest file size I should use -quality 10. To find out what quality setting to use I converted an original image with the following command 10 times:


convert vase.jpg -strip -quality <X> -resize 800x600 vase.quality-95.jpg

where <X> is the varying value between 10 to 100.

Truncated! Read the rest by clicking the link below.

CSS selector bug in IE?

December 5, 2006
0 comments Web development

For the print.css stylesheet I wanted to hide away several of the "interactive" things such as some forms and stuff. This is the code I used:


img.camera,
img.edit,
table.expenses input, 
#shownfields, 
input[type="submit"],
.exportlinks 
{ display: none }

Works like a charm in Firefox but in IE (version 6 at least) none of them were applied. If I removed the input[type="submit"] selector the other ones worked. Is this a bug in Internet Explorer? Or have I declared it incorrectly. The W3C CSS validator sure doesn't hold me guilty. Here's what the code looks like now:


img.camera,
img.edit,
table.expenses input, 
#shownfields, 
.exportlinks 
{ display: none }
/* If you run Firefox or like you won't have to see 
   the submit buttons when you print this page. */
input[type="submit"] { display: none }