The new year is a good excuse to enable a new theme. I downloaded a ThemeHall theme and tweaked it a bit.
I wanted to have a twitter link in the WordPress ‘Tagline’ but it escapes all HTML, I’ve modified the theme to allow it, but not cleanly. I wonder if there’s a nice way?
The new theme installation gave me an excuse to test a plugin I’ve been wanting create. A full background image ‘mega compressor’ that fades nicely into the full high res image once loaded. My aim is to get the initial page load to be fast, but without the annoying background image pop-in.
So I’ve had to use jQuery to create a temporary div, that’s set to the low res, and then faded out over the body with the high res image. Its live on this blog, you can do a few force refreshes to see it in action.
jQuery code below, remember to set body to the initial low resolution image using CSS.