Otherwise, it all seems to be running very smoothly. Do let me know if you see anything crazy. I hope to upgrade more frequently in future, as it was a far better experience than I’d expected.

In the mean time, when necessary, I’m connecting to an alt-Fon network called something like Liberty Europe. I think they might be communists.

Instead, it’s always been a portal through to existing content—blog, yes, but also short stories, book reviews, the Oxfringe lit-fest and other nonsense—and as such tended to gather dust. Worse than that, I’ve always wanted to put so much of the stuff from my halcyon studenthood there, and have therefore typically run aground creatively after writing two or three pages of copy on the bands I’ve been in and that time nearly eight damn years ago when we did a revue at the Edinburgh Fringe.

Now, though, I’ve redesigned it with a bit more scalability, and minimalism. The index is just a set of slightly Web-2.0ish buttons, all of which lead through to existing sites (although I do need to actually tidy up the navigation on “Other” at some point). That way I’m not condemning myself to writing up my entire past life to this point, of no interest to anyone other than me, my adoring public and the eventual hordes of biographers that will snap and grab in my vast intellectual wake. Or rather: I’m not condemning myself to months of avoiding the very task I mention above.

The tendency when building one’s own website—which a blog neatly avoids, for better or worse, and a CV would never even conscience—is to plan to put one’s whole trophy cabinet online, every bauble and curio. You leave spaces on the shelves for monuments to all the things you’ve done before registering a domain name, but then never remember to unpack them from the boxes in your mental attic. Well, no more.

An ideal Christmas gift, this handcrafted pamphlet has been lovingly assembled from a dozen complex, thoughtful tales that will vex and puzzle relatives or friends of any stripe! Following your Christmas meal, contemplate what lies beneath the surface of each sinister, questioning story, and thank the stars that your family is indeed relatively well-adjusted after all.

http://www.quietlittlelies.com/

It’s free. Just give me your postal address, either via email or via the website (website preferred). I’ll try to get it to you before Christmas, but it’s not even all assembled yet.

Feel free to pass this on to anyone who you think might be interested. I’d love to get some word-of-mouth interest, although whether I’ll keep up with the demands of the photocopier or not is another matter.

The code is at http://www.jpstacey.info/blog/files/code/blogthis.zip. This contains the blogthis PHP code and a directory of images. To try it out (for the moment: I’ll sort this all later into a proper installable plugin) do as follows:

Edit: full documentation now available at http://www.jpstacey.info/blog/files/code/blogthis_doc.html.
Edit: made plugin extensible, with admin page and configurability of blog list, images location etc.

• Unpack the zipfile to a safe location - it should create a “blogthis” directory.
• Move the “blogthis” directory to your blog’s plugin directory, typically at wp-content/plugins/.
• Enable the plugin in Wordpress: once you’ve done that you should see a “Blogthis!” link appear in the plugins sub-menu which links to its admin page
• In your theme’s templates, add the following bit of PHP where you want it to appear in the index template (within the blog entry chunk):

<?php if (function_exists(’wp_blogthis’)) wp_blogthis(); ?>

By default, the following XHTML fragment should be created:

<div class=”blog-this”>Blog this:
    <ul class=”blog-this-links” >
        <li><a href=”. . .”><img> Link text</a></li>
        . . .
    </ul>
</div>

The containers can all be edited in the code: if you change the list tags to HTML div tags then it should still understand what’s going on, even if you add classes. I recommend making the following styling and HTML decisions (although of course it’s all up to you!)

• Putting the links in a list (and then turning that list into a div-like structure using display:block in the CSS) is the most accessible way to present the content. People using screen-reader technology will see the title, and can then decide to ignore the list. Almost all common screen-readers ignore HTML div structure completely.
• You can set the styling of the li elements to be display:inline to make the list appear in a line.
• Alternatively, as I’ve done, set the links container’s styling to be display: none by default. You can then set the div:hover styles for both hovering over the blogthis container and the links container. That means as you hover over the outermost container, the links appear; when you move into the links container, it doesn’t disappear!
• To get hovers to work in IE6, use the behavior: url(csshover.htc) trick described on Peter Nederlof’s blog.
• CSS gurus: my current theme’s CSS is at http://www.jpstacey.info/blog/wp-content/themes/pool/style.css, a hacked version of Borja Fernandez’s Pool.

From what I can gather since, I’ve partly reinvented the wheel of Cal Evans’ wp-notable plugin. I think my system is more configurable, though, as you can add and remove blogs you want to submit to. I’m hoping to continue to develop it to be too, so watch this space. Certainly I’d like to bring in more up-to-date considerations like accessibility and XHTML as and when I can. Please give me feedback: I’d love to hear of any suggestions or successes!

If you’re lucky then the feed should wait a bit while it loads the XML via Javscript’s XMLHTTPResponse() code (querying proxies all on my website for foreign feeds like del.icio.us). Then it will report the first feed it finds, while still loading other feeds in the background. Every 15s or so it swaps to a new feed.

After writing it easily in Firefox, I found that a number of drastic changes were required for IE, as follows:

1. IE doesn’t seem to have great support for the IMG element’s width or height properties, at least before the image is rendered on the page. For the Flickr feed, if imgElem.width == 0, I’ve had to employ some horrible regular expressions on imgElem.outerHTML (which isn’t supported by non-IE browsers, so it’s all a bit of a hack).
2. IE doesn’t support assigning arbitrary properties to elements. I was using these to smuggle a collection of titles and descriptions (keyed by date) into a function and that of course failed. You can use setAttribute() for string-like properties, but not objects, which I’ve had to pass as parameters or in some reserved scopes.
3. IE is very unforgiving about character encodings, behaviour which I haven’t been able to work around yet. Some of the programs that create my feeds (specifically Blosxom) aren’t very Unicode-wise and hence will happily produce invalid content. Firefox is very forgiving of this (which may or may not be the right XML way to do it, but is certainly a very patient way of dealing with web content generally). I’m currently working on my proxies to sort this out somehow, even if I have to filter everything down to the ASCII character set.

The Javascript is a single, monolithic file which relies on a beta-release version of Mochikit, and is available at http://www.jpstacey.info/index/javascript/index.js. Feel free to scrape it and re-use anything you find interesting there.

The loveliness of this slightly hackish system is that it uses AJAX (with help from MochiKit) to fetch an RSS 2.0 feed, so it doesn’t require an understanding of Flickr’s huge quasi-REST API. Also, because one can guarantee the RSS feed is good XML, the responseXML property of the XMLHTTPRequest object can be trusted. This means you don’t need to do any string-based munging of the returned data to transform it into the HTML seen on the page: there’s an XML DOM already set up for you. It also means that the method could be adapted to other RSS feeds, in principle.

The major difficulty was getting the Javascript to request a URL from a different server from the one that the current page was on (quick summary: you can’t, because of Javascript’s security rules). But it took two minutes, one and a half of which were googling, to set up a proxy of this feed in Perl using LWP::Agent.

There’s other minor problems to be overcome—the first paragraph of the RSS description feed is a rather trite “username posted a photo:” so naturally I got rid of that, and the images are actually shown half-size because it’s easier to change the <img /> tag’s width and height than it is to try and work out the dimensions and locations of the real thumbnails—but it works. And all in under an hour’s programming.