Category: Web Design
December 17, 2007
Twitter Maintenance page done right

twittermaintenance.gifOnce again, Twitter.com is in maintenance-mode. Hopefully -- as usually -- for the win.

There's one thing i realized which really puzzles me. It is the way, they serve their temporary maintenance page (pictured in parts in the screenshot to the left).

This time (i haven't checked this during any of their downtimes before), they publish their temporary page in an extremely stupid way:
Twitter is serving a 404 status for every URL on twitter.com. The page you see during maintenance is a customized 404 "Not Found" error page. The 404 HTTP status means, that the url you tried to access doesn't exist and you should never use this url again, as it is bogus. This is not very clever. Now you can argue how important a proper google-index for twitter.com is, but even if you'd not care about google (and any other search engine) throwing every twitter-page out of it's index due to the 404 the crawler gets with every request, it still is wrong. HTTP statuses are there for a reason and serving a 404 during maintenance is not what the 404 status was meant to be used for.

The proper way to handle this would be to do a temporary redirect by serving a 307 or, even better, simply serve the maintenance page with a 503 status, which is the perfect fit for a maintenance. HTTP Status 503 stands for "Service Unavailable" which is exactly what is happening during a maintenance break.

Serving a 503 would deal with search engines nicely and clients like Twitterrific could also nicely parse it and inform the user correctly. For instance hahlo.com is momentarily just serving black frames, making their users believe something is wrong with hahlo. Pockettweets on my iPhone also confuses the user as Mobile Safari is simply alerting the user about too many redirects.

Hopefully someone from twitter will read this and not make the same mistake again in the future.

December 05, 2006
WebKit Nightly Builds and Saft / SIMBL /Safari PlugIns

Here's my little christmas gift to all of you having either Saft or any SIMBL PlugIns installed and want to work with the WebKit nightly bulilds without crashing or having to manually disable the above mentioned PlugIns:

OpenWebKit

is a simple AppleScript App, that just does the following:

  • Rename /Library/InputManagers to /Library/xInputManagers
  • Start /Applications/WebKit (the nightly build you have installed)
  • Rename /Library/xInputManagers back to /Library/InputManagers

Installation notes:
Download, unpack and doubleclick.

Note: as this script needs to rename a folder in /Library, it will only work when you have Admin rights for your Mac!

Tada! No more hassle.

Enjoy!

PS: i wonder why the nightlies do not just already disable all input managers so we don't have to.

Posted in: , , , by seiz | Comments (0)
November 23, 2006
Website Statistics in Google Earth

Jacob Cord wrote a very nice little converter which takes a tab-text file, exported out of your Google Analytics Geo Map Report and converts it to a KML file which you can import into Google Earth.

The output of the original script didn't look all that exciting, so i modified it a little to produce some awesome visualisation of website traffic.


Click the image to see an animation (QuickTime required)

The longer the lines, the more pageviews are represented. If the pageviews are above a set limit, the lines are drawn in red instead of yellow.

Now isn't that an entirely different approach to website statistics visualisation? I'll soon follow up with a Mac OS X PPC binary of the converter and instructions.

December 02, 2005
Ajax: Just because we can?

Just read an interesting Article over at ALA which also mentions new techology like AJAX and the like being too much hyped and immediately being used without thinking about the user and his needs first.

Let's make a test. I recently developed something at work, where many would see AJAX written all over it. Look at the movie below:

Is this using AJAX? Let me know in the comments (sorry, TypeKey login required now due to crazy comment spam)!

BTW: the above is a live recording right out of my browser window. No editing involved other than scaling the movie down to 60%.

August 15, 2005
An open letter to all american websites, web developers and usability experts

Dear Webmaster,

surely you are having a contact form somewhere on your site where i can contact you by providing my Address, Phone and such. It'll probably look something like this:

Sample Form

Please be aware that many countries do not need any States in a postal address. In fact, in many countries it is totally uncommon to have a state included in a postal address - some don't even have any states at all.

So please, please, please do not make the STATE fields on your contact forms mandatory. If you're clever, you can decide on making them mandatory depending on the Country chosen. But please, once i selected Germany or such (you'd have to research that country-list on your own - i was to lazy to research it and only make states mandatory IF USA was selected as country) do not make the State Field mandatory!

Oh, and while we're at it: Our phone numbers are also formatted differently and might have a different total length, so don't force us to format them like 123-123-1234 (German area codes might have 4 to 5 digits for example).

Thanks so much for not being ignorant about foreign countries!

This is driving me mad for almost a decade now.