gorn.ch

After using my old Yahoo! improvements for a while I wasn't satisfied with the readability of the odd / even columns anymore. I decided that it should split up in the middle of the results and scent a nice chance to play around with CSS3.
The first thing I had to learn about CSS3 was that Firefox sucks in that case. The mozilla crew hasn't implemented most of the features yet but it looks still better then the old way:


The problem is Firefox doesn't support any column-break-* styles yet so I can't control the column break. In some cases it can happen that link and description get separated in the different columns. Nevertheless I included that style and hope it will work nicer with the next Firefox upgrade:

@-moz-document domain(search.yahoo.com) {
    #ygunav, #yschtools, #yschsec, #yschft, #yschasouth, #ygmalogo,
    #yschinfo h1, .yschbbox, div > p.yschftad, #yschssbx {
        display:none;
    }
    #yschpri, #yschcont {
        margin-left:0 !important;
    }
    #yschweb {
        width:100%;
        max-width:100% !important;
        -moz-column-count:2;
    }
    #yschweb li {
        -moz-column-break-inside:avoid;
    }
    #yschrel {
        clear:both;
    }
}

The greasemonkey script doesn't need to clear the odd elements anymore. So you should update it too if you prefer the new style.

Today I accidentally deleted my firefox profile, that was a great chance to play around a little with the userContent.css where everything started.

I like Yahoo! Search but there are some annoying things. It wastes a lot of space and does ugly redirects (for statistic reasons I guess). To make it look a little nicer I started to remove unnecessary things and margins then I floated the search results that it will display in a two colums layout. To do so add the following Styles to your Firefox's userContent.css:

@-moz-document domain(search.yahoo.com) {
    #ygunav, #yschtools, #yschsec, #yschft, #yschasouth, #ygmalogo,
    #yschinfo h1, .yschbbox, #yschssbx, div > p.yschftad {
        display:none;
    }
    #yschpri, #yschcont {
        margin-left:0 !important;
    }
    #yschweb {
        width:100%;
        max-width:100% !important;
    }
    #yschweb ol li {
        width:47%;
        float:left;
        margin:0 0 0 20px !important;
    }
    #yschrel {
        clear:both;
    }
}

To remove the redirects I looked for a greasemonkey script at http://userscripts.org/ but found nothing that fit my needs. Inspired by the Yahoo Link Tracking Removal script I started to write my own thing.

My script isn't tested yet. It tries to remove the rds.yahoo.com stuff and improves the two column layout. If you like to try it out you can get it here.

Finally my Yahoo! Search looks like this:

Today I wrote a little nabaztag widget to give you guys the possibility to let him say something to me and my flat-mate (actually he's already annoyed by my testing, don't spam to much :)

The code is really dirty but if you're still interested you can get it here (not tested on anything). If you're going to use this please leave me a note with your url, your nabaztag will probably say some words of me.

While redesigning my blog a little I got annoyed by those "open new site" images. So I decided to install a nice little lightbox based on yui. Here is a example how nice it works:



I changed the behavior of awesomebox a little to don't modify the URL (with the hash/anchor trick) seems it looked a bit like overkill for a simple lightbox. Also I added a link on the "real" picture, so you can still open the image alone and won't loose much usability if you prefer to do so.