Adactio

Links for 2009-11-03 [del.icio.us]

Wed, 04 Nov 2009 00:00:00 PST

Why do we have an IMG element? [dive into mark]
A fascinating trip down memory lane to the birth of the IMG element.
Jonathan Harris . World Building in a Crazy World
I don't agree with everything in these vignettes but they make for an good, thought-provoking read.

Perfect Pitch

Tue, 03 Nov 2009 01:39:02 GMT

We were having a chat in the Clearleft office today about site stats and their relative uselessness; numbers about bounce rates are like eyetracking data—without knowing the context, they’re not going to tell you anything.

Anyway, I was reminded that I have an account over at Google Webmaster Tools set up for three of my sites: adactio.com, huffduffer.com and thesession.org. I logged in today for the first time in ages and started poking around.

I noticed that I had some unread messages. Who knew that Google Webmaster Tools has a messaging system? I guess all software really does evolve until it can send email.

One of the messages had the subject line Blocked URLs:

For legal reasons, we’ve excluded from our search results content located at or under the following URL/directory:

http://www.thesession.org/discussions/display/21250

This content has been removed from all Google search results.

Cause: Somone has filed a DMCA complaint against your site.

What now?

I visited the URL and found a fairly tame discussion about Perfect Pitch. Here’s the only part of the discussion that references an external resource in a non-flattering light:

I think that is referring to www.PerfectPitch.com. I’m not saying anything about such commercially-oriented courses because I don’t know them, but I think we’d all be wise to bear in mind the general comments voiced in the first two posts on this thread.

That single reference to a third-party site is, apparently, enough to trigger a DMCA complaint.

Google link to the complaint on Chilling Effects but that just says The cease-and-desist or legal threat you requested is not yet available. It does, however, list the party who sent the complaint: Boucherle.

By a staggering coincidence, Gary Boucherle of American Educational Music, Inc. is registered as the owner of perfectpitch.com.

So let’s get this straight. In a discussion about perfect pitch, someone mentions the website perfectpitch.com. They don’t repost any materials from the site. They don’t even link to the site. They don’t really say anything particularly disparaging. But it all takes is for the owner of perfectpitch.com to abuse the Digitial Millenium Copyright Act with a spurious complaint and just like that, Google removes the discussion from its search index.

To be fair, Google also explain how to file a counter-complaint. However, the part about agreeing to potentially show up in a court in California is somewhat off-putting for those of us, like me, who live outside the United States of America.

There is another possible explanation for this insane over-reaction; one that would explain why the offended party sent the complaint to Google rather than going down the more traditional route of threatening the ISP…

The Session has pretty good Google juice. The markup is pretty lean, the content is semantically structured and there’s plenty of inbound links. Could it be that the owner of perfectpitch.com sent a DMCA complaint to Google simply because another site was getting higher rankings for the phrase “perfect pitch”? If so, then that’s a whole new level of SEO snake-oilery.

Hmmm… that gives me an idea.

If you have a blog or other personal publishing platform, perhaps you would like to write a post titled Perfect Pitch? Feel free to republish anything from this post, which is also coincidentally titled Perfect Pitch. And feel free to republish the contents of the original discussion on The Session titled, you guessed it: Perfect Pitch.

Tagged with dmca law google seo perfectpitch

Links for 2009-10-30 [del.icio.us]

Sat, 31 Oct 2009 00:00:00 PDT

WebAIM: Screen Reader User Survey Results
The results of the second screen reader survey from WebAIM are, once again, required reading.

Links for 2009-10-29 [del.icio.us]

Fri, 30 Oct 2009 00:00:00 PDT

not martha - Meat Hand
I'm hungry.

Links for 2009-10-28 [del.icio.us]

Thu, 29 Oct 2009 00:00:00 PDT

Minute44 » Blog Archive » Movie Recommendations: Web Designer Takeover! :: Dan Schonhaar's blog
Some web geeks recommend some movies. I am one of the web geeks.

Links for 2009-10-27 [del.icio.us]

Wed, 28 Oct 2009 00:00:00 PDT

Amazon Relational Database Service (Amazon RDS)
You can now store (and scale) MySQL databases with Amazon. Handy.

Links for 2009-10-26 [del.icio.us]

Tue, 27 Oct 2009 00:00:00 PDT

Search the Collections - Victoria and Albert Museum
The V&A has an API. Who knew? Looks very nice indeed.
Welcome - The Bold Italic - San Francisco
A beautifully designed location-based web magazine.
Reocities , rising from the ashes - RIP Geocities...
Here lies what we could salvage from the ashes of GeoCities.
Space craft - a set on Flickr
There's some lovely Buran porn here.

Talking the talk

Mon, 26 Oct 2009 19:56:29 GMT

I’ve been doing a fair bit of yakking lately, all recorded for posterity.

First off, I had a chat with Tim from Design Critique on Ajax design considerations, mostly recapping what I talked about UI13 last year.

Jeremy Keith on Ajax design considerations on Huffduffer

After that, I had a natter with Ross from Web Axe, this time focusing on practical web accessibility.

Web Axe Episode 75: Jeremy Keith interview, Google Wave on Huffduffer

Then Andy, Rich and I paid a visit to the Boagworld crew out in the back of beyond where we had a free-for-all five-way chat about Clearleft and Headscape.

Boagworld 188: Clearscape Or Headleft? on Huffduffer

Lastly, I had a video chat with Ryan Taylor for his series, Please Start From The Beginning.

Please start from the beginning… with Jeremy Keith

Add them all up and you’ve got a veritable aural onslaught. If you manage to make it through all of those, then you will almost certainly be very weary of listening to my voice.

Tagged with podcast speaking audio video

Tears in the rain

Mon, 26 Oct 2009 14:44:20 GMT

When I first heard that Yahoo were planning to bulldoze Geocities, I was livid. After I blogged in anger, I was taken to task for jumping the gun. Give ‘em a chance, I was told. They may yet do something to save all that history.

They did fuck all. They told Archive.org what URLs to spider and left it up to them to do the best they could with preserving internet history. Meanwhile, Jason Scott continued his crusade to save as much as he could:

This is fifteen years and decades of man-hours of work that you’re destroying, blowing away because it looks better on the bottom line.

We are losing a piece of internet history. We are losing the destinations of millions of inbound links. But most importantly we are losing people’s dreams and memories.

Geocities dies today. This is a bad day for the internet. This is a bad day for our collective culture. In my opinion, this is also a bad day for Yahoo. I, for one, will find it a lot harder to trust a company that finds this to be acceptable behaviour …despite the very cool and powerful APIs produced by the very smart and passionate developers within the same company.

I hope that my friends who work at Yahoo understand that when I pour vitriol upon their company, I am not aiming at them. Yahoo has no shortage of clever people. But clearly they are down in the trenches doing development, not in the upper echelons making the decision to butcher Geocities. It’s those people, the decision makers, that I refer to as twunts. Fuckwits. Cockbadgers. Pisstards.

Tagged with geocities yahoo culture linkrot preservation history

Links for 2009-10-25 [del.icio.us]

Mon, 26 Oct 2009 00:00:00 PDT

Machinarium
Beautiful artwork in a fun puzzle game.

The Chalkboard of the Fourth Wall

Fri, 16 Oct 2009 01:01:26 GMT

It has been said before but I’ll say it again: copy is interface. Josh sums it up nicely in his post Writing Microcopy:

The fastest way to improve your interface is to improve your copy-writing.

The canonical online example is Moo.com with its adorably anthropomorphised Little Moo robot personality. An oft-cited offline paragon is Innocent Smoothies with their cheeky little packaging easter egg delighters.

My favourite meatspace exemplar is right here in Brighton. The Earth and Stars pub has an outside chalkboard with a distinct personality. Over the past two years, I’ve been chronicling its announcements on Flickr.

Some samples:

Why does everyone always look at me? I know I’m a chalkboard and that’s my job, I just wish people would ask before staring at me. Sometimes I don’t have anything to say.

All the chalkboards inside think they’re so special! They seem to forget that I was here first! If I can see off the English weather, then I can certainly see off those punks!

I’m the unluckiest chalkboard in Brighton. Summer’s coming and this side of the building is always in the shade. Please come inside and tell them to move me to the western wall.

What are you looking at? I’ve told you before that it’s rude to stare! Be warned… I’m the chalkboard Kung Fu champion and not afraid to use my skills.

So bored of this job. I don’t want to be a chalkboard anymore. I wish I’d paid more attention in woodwork, I could have been a skateboard or a sun-lounger… at least I’m not a chopping board.

Stop looking at me like I’m a waste of space! I’m not just a chalkboard you know! I’m also a supporting wall. I provide shelter from wild beasts and tropical storms. Go inside so I don’t have to see you!

And my favourite:

Help me.

Walking past the chalkboard this week, I was pleased to see that it had been updated. Taking out my camera, I read the latest message:

Call me paranoid but I’m sure someone’s watching me, some are even taking pictures. I’m not sure of my rights as a chalkboard, but I feel violated. I’ll be watching you Mr. Keith!

I’m being cyberstalked by a paranoid existentialist chalkboard.

Made me smile.

Tagged with copy interface chalkboard pub

Optimisation

Wed, 14 Oct 2009 23:14:54 GMT

Derek Powazek gave up smoking recently so any outward signs of irritability should be forgiven. That said, the anger in two of his recent posts is completely understandable: Spammers, Evildoers, and Opportunists and the follow-up, SEO FAQ.

His basic premise is money spent on hiring someone who labels themselves as an SEO expert would be better spent in producing well marked-up relevant content. I think he’s right. In the comments, the more reasonable remarks are based on semantics. Good SEO, they argue, is all about producing well marked-up relevant content.

Fair enough. But does it really need its own separate label? Personally, I would always suggest hiring a good content strategist or copy writer over hiring an SEO consultant any day. Here’s why:

Google—or at least the search arm of the company—is dedicated to a simple goal: giving people the most relevant content for their search. Google search is facilitated by ‘bots and algorithms, but it is fundamentally very human-centric.

Search Engine Optimisation is an industry based around optimising for the ‘bots and algorithms at Google.

But if those searchbots are dedicated to finding the best content for humans, why not cut out the middleman and go straight to optimising for humans?

If you optimise for people, which usually involves producing well marked-up relevant content, then you will get the approval of the ‘bots and algorithms by default …because that’s exactly the kind of content that they are trying to find and rank. This is the approach taken by Aarron Walter in his excellent book Building Findable Websites.

On Twitter, Mike Migurski said:

I think SEO is just user-centered design for robots.

…which would make it robot-centred design. But that’s only half the story. SEO is really robot-centred design for robots that are practising user-centred design.

Ask yourself this: do you think Wikipedia ever hired an SEO consultant in order to get its high rankings on Google?

Tagged with seo google findability content search

Password unmasking

Fri, 09 Oct 2009 02:10:34 GMT

A few months ago, Jakob Nielsen wrote about passwords. Specifically, he wrote about the standard practice of the contents of password fields being masked by default. In his typical black/white, on/off, right/wrong Boolean worldview, Father Jakob called for this practice to be abolished completely.

Meanwhile, back in the real world, Apple take a more empathetic approach, acknowledging that there often very good reasons for masking passwords. But that doesn’t mean you can’t offer the user the option to disable password masking if they choose.

This pattern came up in a conversation at Clearleft recently. We were discussing a sign-up process, trying to avoid the nasty pattern of asking users to input the same value twice. We were all in agreement that Apple’s solution to password masking was pretty elegant.

I’d like to use this pattern on the sign up form for Huffduffer but I can’t see a way of easily integrating it with the Mad Libs approach. But I have implemented this option on the log-in form.

Here’s what’s happening under the hood:

The “show password” checkbox is generated with JavaScript,
A text input field is also generated with JavaScript but hidden,
Toggling the “show password” checkbox toggles the display of the password and text fields,
Entering a character into either field updates the value of the other field.

It would have been a lot simpler to just use JavaScript to toggle the type attribute of one field between “password” and “text”. But, in a certain browser that shall remain nameless, you can’t do that …for very sound security reasons, no doubt.

So the script isn’t as elegant as I’d wish but it gets the job done. Feel free to view source on the JavaScript.

Update: Jonathan Holst points me to a post by Jeff Atwood on this subject. It’s worth reading just to boggle at the insanity of Lotus Notes’ security features. From the comments there, I found a bookmarklet to reveal password characters.

Tagged with huffduffer ui interface password

Small pieces, loosely joined by machine tags

Mon, 05 Oct 2009 01:33:06 GMT

I’ve already described how machine tags on Huffduffer trigger a number of third-party API calls. Tagging something with music:artist=..., book:author=..., film:title=... or any number of similar machine tags will fire off calls to places like Amazon, The New York Times, or Last.fm.

For a while now, I’ve wanted to include Flickr in that list of third-party services but I couldn’t think of an easy way of associating audio files with photos. Then I realised that a mechanism already exists, and it’s another machine tag. Anything on Flickr that’s been tagged with lastfm:event=... will probably be a picture of a musical artist.

So if anything is tagged on Huffduffer with music:artist=..., all I need to do is fire off a call to Last.fm to get a list of that artist’s events using the method artist.getEvents. Once I have the event IDs I can search Flickr for photos that have been machine tagged with those IDs.

There’s just one problem. Last.fm’s API only returns future events for an artist. There’s no method for past events.

Undeterred, I found a RESTful interface that provides the past events of an artist on Last.fm. The format returned isn’t JSON or XML. It’s HTML. It turns out that past events are freely available in the profile for any artist on Last.fm with the identifier last.fm/music/{artist}/+events/{year}. Here, for example, are Salter Cane gigs in 2009: last.fm/music/Salter+Cane/+events/2009.

If only those events were structured in hCalendar! As it is, I have to run through all the links in the document to find the hrefs beginning with the string http://www.last.fm/event/ and then extract the event ID that immediately follows that string.

Once I’ve extracted the event IDs for an artist, I can fire off a search on Flickr using the flickr.photos.search method with a machine_tags parameter (as well as passing the artist name in the text parameter just to be sure).

Here’s an example result in the sidebar on Huffduffer: huffduffer.com/tags/music:artist=Bat+for+Lashes

It’s messy but it works. I guess that’s the dictionary definition of a hack.

Tagged with huffduffer last.fm flickr machinetags

Thoughtful

Sat, 03 Oct 2009 11:07:57 GMT

A few weeks back, I saw that Fanfarlo were going to be playing at The Hanbury Ballroom in Brighton this Wednesday. I figured I’d probably end up going to the gig so I marked myself as “maybe attending” on the event page on Last.fm.

Fast forward to last week and I’m browsing through the list of upcoming events in Brighton on Last.fm. I see that The Fiery Furnaces will be playing in The Prince Albert on October 7th. When I click through to the event page, this is what I see:

Don’t forget you might be going to Fanfarlo at The Hanbury Club on the same date.

That’s nice. That’s really nice. It’s a small touch but it’s the combination of all those small things that adds up to a pleasant experience. This felt …thoughtful.

Of course, it still doesn’t change the fact that I have to choose between Fanfarlo and The Fiery Furnaces.

Fanfarlo — I’m A Pilot on Huffduffer

The Fiery Furnaces — The End is Near on Huffduffer

Tagged with last.fm ui interface music

Culchavulching

Wed, 30 Sep 2009 22:28:13 GMT

Having a neighbourhood bookshop will always add a few points in the “feel-good” column in the balance sheet of life. City Books is located just a short stroll from my front door. As well as stocking a remarkable amount of signed books, they also put on regular events at The Old Market—also a short stroll from my front door.

A couple of weeks ago Jessica and I saw Rick Stein there, cooking some recipes from his latest book. Tonight we saw Nick Cave reading from The Death of Bunny Munro—his first novel since And the Ass Saw the Angel twenty years ago. It was a thoroughly enjoyable event, mostly thanks to the rapport between Cave and the host for the evening, Will Self.

It’s certainly nice having all this so close to home. Usually I’d have to travel up to the big smoke, as I did for Michael Moorcock and Alan Moore at the British Library—and as I’m sorely tempted to do again for Seamus Heaney on Beowulf.

The next Brighton-based chat I’m planning to attend will be more filmic than literary. The Duke of York’s cinema—yes, the same place that will be hosting Full Frontal—will be celebrating the 30th anniversary of Alien on October 25th with a screening of the film followed by an interview with Terry Rawlings (of Bladerunner fame) and John Mollo (of designing-Darth-Vader’s-costume-yes-really fame).

If you are a fellow Brightonian geek, grab your ticket now. If you’re a non-Brightonian geek, you might want to consider a trip to Brighton for this.

Tagged with brighton book film

Full Frontal

Wed, 30 Sep 2009 12:28:02 GMT

Usually when I write about an upcoming event, it’s because I’ll be speaking at it. But there’s an event coming up in eight weeks that I’m pretty excited about, where I’ll be an attendee rather than a speaker.

The cheekily-named Full Frontal will be taking place in the Duke of York’s cinema in Brighton on November 20th. It’s going to be all JavaScript, all the time. Christian Heilmann, Peter-Paul Koch, Stuart Langridge, Simon Willison, and others will be on hand to blow your mind with all things scripty.

I’ve mentioned this event already over on the DOM Scripting blog but the reason I’m mentioning it here now is that this is the last chance to grab early bird tickets; an absolute steal at just £100.

Great location. Great line-up. Great subject matter. Great organiser.

See you there.

Tagged with conference brighton javascript fullfrontal fullfrontal09