Month: January 2010

I was never really happy with my previous 2010 theme, so I’ve gone and done a completely new one.

This new one makes extensive use of CSS3 properties, such as gradients and shadows. It looks best in Firefox >= 3.6,followed by Safari >= 4, then Chrome >= 4, Opera >= 10, and IE >= 8. Theoretically, Firefox and Safari/Chrome support the same level of features, but the webkit gradient syntax is absolutely awful. It’s confusing, needlessly complex, and poorly thought-out, in my opinion. Contrast the following two lines:
[sourcecode language=css]background: -moz-linear-gradient(top, #111, #333);
background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#333));[/sourcecode]
See what I mean?

Gecko (Firefox), Webkit (Safari), and Trident (IE) rendering.

When writing a web-app that accepts formatted input from users, you’ll often find that they will copy and paste text from Microsoft Word. Unfortunately, Word fills the markup with lots of unnecessary and unwanted muck. To clean this all up, I wrote the following function (directly implemented on the String prototype below):

[sourcecode language=javascript]String.implement({
sanitiseWord: function() {
var s = this.replace(/\r/g, ‘\n’).replace(/\n/g, ‘ ‘);
var rs = [];
rs.push(//g); // Comments
rs.push(/