Tag Archives: Pixieland

Crouching Lemming Hidden Background


More CSS experimentation with the site. Hover over the menu bar up there. Go on, I’ll wait. Whee, Lemming!

The image is a simple animated GIF I put together after a quick Googling. Initially I just wanted to stick the Lemming somewhere unobtrusive on the page, but after a bit of experimenting there’s really nowhere you can put it that doesn’t get a bit distracting and annoying – there’s a reason always-on, auto-playing animations mostly died with Geocities. So I opted to stick it on the menu bar and only appear on mouse over. In itself that’s easy enough – add a “:hover” selector to the menu element and it’s done. But it looks a bit jarring just flicking on and off as you move the mouse around the page so I started looking into having it fade in and out. Since I’ve no idea how to mess with the actual code of a WordPress site or theme it had to be a CSS-only solution.

At first it wasn’t looking hopeful, since it really is the kind of thing people automatically go to Javascript for and with good reason. But eventually I unearthed the fact that Chrome supports transitions on background images. Woo! I did get tripped up by the fact that if you aren’t fading from another image (and one the same size at that) it not only fades but resizes as well. Easy fix, just use another image as the default non-hover background and fade from that.

The code is all below the cut.

Read More →

The great blog migration of June 2014


After a few weeks of deliberation I’ve moved Pixieland onto a new host. The process was a bit of a journey of discovery, but thanks to Duplicator it was a lot easier than it might have been. After a few failures with unhelpful error messages and a bit of manual bodging it all seems to be up and running again.

Fingers crossed…

Pixieland: Now with actual Pixieland

Off to work we go

Pixieland has a new home! No longer stranded in aburn.org.uk where the poor thing first saw light of day. No! www.pixieland.org.uk is go. Thanks to the magic of a networking wizard (and a hammer, hammers are usually involved I hear) the migration was as seamless as makes no difference and all the old links should redirect transparently. Both woo and indeed yay. Thank you, Mr Networking Wizard.