The site features a list of items which include thumbnail images. When hovering the mouse pointer over the thumbnail, a larger version of the image is displayed – tooltip style. The problem is that the larger version of the image overlaps the preceding and following list item. In IE 6 & 7 the following list item displays on top of the large image, despite it having been given a higher z-index in the CSS file.

Intended Effect

IE Bug

This bug is caused by the fact that the list items have relative positioning (in order to position the elements within each item). IE resets the z-index stack for elements within positioned elements.

In Internet Explorer positioned elements generate a new stacking context, starting with a z-index value of 0. Therefore z-index doesn’t work correctly. quirksmode.org

The way to solve this is to ensure that the positioned parent element (the list item) has a higher z-index than the positioned elements to be overlapped – in this case, the other items in the list.

My solution here was thanks to the fact that the site was using jQuery, I was able to implement a very simple piece of code to dynamically alter the z-index values of the items in the list.

$('#list a.thumb').mouseover(function(){
  $(this).parent('li').css('z-index', 2).siblings('li').css('z-index',1);
});

I’ll break this down as jQuery’s function chaining enables very tight but occasionally difficult-to-read code.

Firstly I bind a function to the mouseover event of the thumbnail image

$('#list a.thumb').mouseover(function(){
  ...
});

next comes the clever bit, jQuery includes a powerful set of DOM traveresal methods which allow you to dance around the document like a scripty Rudolph Nureyev without the need for messy classes and id’s on every other element.

   $(this) //selects the anchor tag over which the mouse has moved
    .parent('li') //traverse to the anchor's parent li element
    .css('z-index', 2) //set the z-index to 2 on the li
    .siblings('li') // selects the sibling li elements (not including the one we just changed)
    .css('z-index',1); //sets the z-index to 1 on all of the sibling li elements

By inserting the code into a $(document).ready function the behaviour is applied as soon as the page has loaded.

Developers love to build things from scratch, by building a system from the ground up, they have an intimate knowledge of every part of it. Unfortunately, in a commercial agency environment, limited timescales and budgets force corners to be cut and these systems – unless tightly planned and controlled – can become a nightmare of kludgy code added to satisfy bespoke requirements for a number of very different projects.

The CMS landscape

Web-based content management systems are a fairly mature technology these days, ranging from high-end enterprise systems to well-supported open-source solutions and some recent projects designed to support the latest thinking in usability and web-standards.

Most of these system are under continual development, either by dedicated programming teams in the case of commercial software or by communities of coders, each lending their specialist skills to parts of open-source projects.

Agency built solutions on the other hand are generally only updated when a specific project requires it. The gap between the functionality offered by the agency’s CMS and that offered by the third-party alternatives grows over time.

Sensible use of resources

When an agency starts work on a project using their in-house CMS, it’s often the case that the developers need to do a significant amount of work just to provide basic functionality.

By using a suitably extensible CMS the basic functionality is done and dusted from the get-go, developer time can be more productively used in building any bespoke functionality within the CMS framework. An added benefit is that if the bespoke functionality is built in a modular way, it becomes a re-usable asset.

Who’s to blame?

Nobody really, or possibly everybody. The problem usually occurs when non-technical client-managers ask the developers for estimates on building a site to a certain specification. Developers naturally think in terms of coding the whole thing themselves, after all, it’s their job to build software.

One approach

A good approach is to try and match the requirements of each project to the capabilities of an existing system. The systems evaluated will depend on factors such as:

• Budget

  Depending on the scope of the project, a licensed commercial CMS may be required to fulfil the requirements. These can vary greatly in price so identifying such a requirement early in the project lifecycle can be paramount.

• Hosting Platform

  The agency will not always be able to specify the hosting environment for the site, the platform in use will limit the choice of CMS.

• Familiarity

  If the project requires some bespoke coding or complex configuration, it may be safer to stick with a CMS with which you have some experience. Reducing the learning curve is another good way to cut development time.

Third-party CMSs will not fit the bill for all projects, but it’s worth taking a little time to find out if you can skip weeks of re-inventing the wheel and set developers straight to work on custom functionality. You will also have the advantage that, with a CMS in place, your content editors can begin work populating the content and the front-end designers can be working on templates without the developer being a bottleneck in the production process.

I’m not suggesting that this is the case in all agencies, I know of quite a few who have embraced third-party solutions such as WordPress or Umbraco for even the smallest of sites. I also know a similar number of agencies who’s in-house CMSs I’ve either worked with or who’s employees have muttered “We have our own CMS, but we don’t really like to talk about it…”. I wish I could say I’ve seen a good agency-built CMS, but they seem to be in short supply.

The new parameter for the reactions method of the API is “threaded”. When set to true, the API returns retweets (or reactions-to-reactions) as child elements of the original reaction.

I’ve also updated the demo to include the new parameter and display threaded reactions accordingly.

This makes it easier to track the social graph for a URL in addition to it’s online spread.

Demo Manual Download

As a private joke, I wrote a simple php script which would take any Twitter bio and replace certain words, in a rude and derogatory way. I called it “Unmasker” and it provided a few minutes of fun.

My colleague Greg Smith suggested that the idea had the potential to go viral if it was presented in a fun way. He (eventually) produced a great design for the app.

Given the quality of the artwork, I thought it only fair to put some effort in the UX design and create the scrolling background effect. The whole front-end is essentially jQuery powered, including the use of Ariel Flesler’s excellent ScrollTo plugin. A simple php script provides the database, Twitter API wrapper and text-replacement functionality.

I set up a new Twitter account to use for the app, I knew that it would need to generate a lot of tweets to spread the links but I didn’t want to spam anybody. I wrote into the application logic that nobody would receive more than one automated @mention. Anybody following the Unmasker twitter account would probably not do so for too long, unless they were spam-bots themselves in which case who cares?

The Unmasker account also allowed Greg and myself to role-play the Unmasker avatar – sarcastic, abrasive, belligerent … come to think of it, we haven’t really needed to role-play too much.

So on Thursday 23rd July at about 10:30 GMT we started the ball rolling by seeding a few choice names into the unmasker application, many of them were friends who already knew about it, others were randomly selected from searches for terms such as “social media” and “expert”.

Reactions have been mixed

Most people seem to see the joke, some are baffled and a few have been wonderfully rude.
countzeero’s compliment was particularly nice

countzeero: @StandUP4Design I am getting my ass toasted right next to you “down” there @unmasker is one of the best twitups I have seen…
http://twitter.com/countzeero/status/2873340566

…as was PesciTriD’s Unmasker Haiku

PesciTriD: thanks to @unmasker / ribald twitter speak revealed / keep your tweets comely
http://twitter.com/PesciTriD/statuses/2818433827

jasoncrouch and MrBoom both suffered from complete sense of humor failures …

jasoncrouch: @unmasker Get a life. You are a sad little clown
http://twitter.com/jasoncrouch/statuses/2798942492

MrBoom: go away fuck face
http://twitter.com/MrBoom/status/2819017913

amadee branded Unmasker a Twitspammer and we never even offered him any cut-price pharmaceuticals

amedee: blocking @unmasker – yet another Twitspammer
http://twitter.com/amedee/status/2827979231

BillBoorman and rnadworny were under the impression that I was trying to remain anonymous, despite putting my name and twitter username in the page footer and using the same domain as this blog.

BillBoorman: I unmasked @unmasker http://is.gd/1KatS #unmasked Easier to critiscise when you hide. Who are you really?
http://twitter.com/BillBoorman/status/2817328451

rnadworny: @Techn0tic hiding behind @unmasker . Come out of the closet, Dave!
http://twitter.com/rnadworny/status/2796790735

Rufus_Jay finally worked it out in a magnificent display of calm restraint

Rufus_Jay: I get what @unmasker is up to. Bit miffed at first, but I understand the point. #unmasked
http://twitter.com/Rufus_Jay/status/2815259193

oxfordgirl seemed to find the whole whole thing extremely upsetting, still unsure what she thought we were “trying to track” or where the connection to Iran came from in her panic-stricken tweet …

oxfordgirl: Be ware @unmasker may be trying to track, Don’t click on links #iranelection #iran
http://twitter.com/oxfordgirl/status/2828138746

… but that didn’t stop lorettas3, AHMARINEJAD, lady_stardust9, artfanatic411, Shadiii and a whole host of others from blindly retweeting the alarm with no idea whatsoever of what it was, thankfully Kate_Butler chipped in as the voice of reason with her perceptive defusal

Kate_Butler: @oxfordgirl i’m pretty sure @unmasker is simply a bit of harmless fun. nothing to worry about.
http://twitter.com/Kate_Butler/status/2828171625

That wasn’t enough to stop the_FNGa from demonstrating his suitability for the intelligence services by doing a whois lookup on my domain. Clever(ish), but obviously not clever enough to actually look at the site to see what the fuss was about.

The_FNGa: @unmasker is running a BS script via Twitter API. If you don’t like it, contact David Kinsella @ dave@web-developer.ws #iranelection #iran
http://twitter.com/The_FNGa/status/2831514109

He also tweeted my phone number, which unlike the email address actually is current and in use. So far, the number of calls I’ve received to complain remains at zero. I was hoping Mr FNGa would call me up to discuss the problem but it seems his grievances are only serious enough for people other than himself to take care of. If anybody knows his number…

What’s the point?

Why is everybody so hung up on this idea of there being a point? I’ve always thought that some of the best stuff on the Internet is completely pointless. For example one of my favourite websites of all time is Eric Conveys an Emotion check it out, it’s pointless fun – just like unmasker.

Did it work?

Considering that the site was launched with no real fanfare and a minimal amount of seeding, the results have been very promising so far. In the first 5 days since launch we’ve had 5,883 visits and 7,707 pageviews. The traffic spiked on Friday at 2715 visits and with between 500 and 1000 visits on each of the other days. It will be interesting to see how the traffic continues.

We decided to include the hashtag #unmasked in all of the tweets sent by the app so that we could try to track things better, according to Twist, Friday saw #unmasked grabbing a 0.02% share of Twitter traffic, it’s hard to tell how accurate that is though.

What else did we learn?

• Being a bit rude provokes a reaction, we may not have got as much traffic without ruffling a few feathers.
• Some people fear what they don’t understand and react accordingly (that’s not really news is it?)
• If you use a popular hashtag, people will retweet anything – try tweeting “Chocolate ice-cream cures hemorroides #iranelection” and see what happens
• Some people are so insecure about their online profile, they will change it in reaction to a text-replacement script making fun of them
• Some people do this because the script mocked them for having no bio – this is perfectly acceptable
• Some people stick with their bio despite what unmasker says, these people are right to do so
• When building something that you hope will go viral; a simple idea – well executed is probably a better option than a complex idea hurriedly thrown together.

What’s next?

I don’t know, any suggestions?

Demo Manual Download

New features

• New method getUrlReactions
  returns the indexed reactions (tweets, diggs etc.) it includes a number of optional parameters:
  • since – retrieve all the reactions that are newer than this timestamp
  • include – include only the reactions from the specified platforms: twitter, friendfeed, digg, wordpress, blogger, typepad, disqus, flickr, picasa, youtube, vimeo, delicious, reddit, hackernews, mixx, stumbleupon, nytimes, slashdot
  • exclude – exclude the reactions from the specified platforms: twitter, friendfeed, digg, wordpress, blogger, typepad, disqus, flickr, picasa, youtube, vimeo, delicious, reddit, hackernews, mixx, stumbleupon, nytimes, slashdot
  • filter – exclude the reactions from Twitter that repeat/quote someone’s tweet regarding the current conversation
  • order – asc, desc – order the reactions asc/desc using the ‘created_at’ field
  • page – start from the specific page in the result set
  • perpage – how many reactions will be included per page (default: 25; max: 100)
• Anonymous API calls
  These are limited to only calling the getUrlReactions method and rate limited to 500 calls per day.

For further details of the Context Voice API and it’s features, see the API documentation.

Demo Manual Download

Often, the UX design is considered to be mainly a creative process, undertaken as part of the graphic or web design phase of the project. It is then down to the developer to implement the UX as specified.

In this case, I’m building the back-end functionality first but that doesn’t mean I don’t need to think about making using the application a smooth painless experience, regardless of what improvements will be made as part of the front-end design.

Key Idea – Remove Barriers

To make interactions as painless as possible, I’ve sought inspiration from not only web applications but also desktop and mobile apps.

• Adobe Air has given flash developers the capacity to create and publish desktop applications. These guys are often at the forefront of designing great user experiences and it shows in the slickness of many apps.
• Apple’s iPhone has thousands of applications available and the limited screen size combined with the touch screen interface has resulted in some interesting new application design conventions. The native applications such as e-mail and the iPod interface present examples of functionality honed down to just the most essential interactions.

Example #1: Registration

In the conventional scheme, a user would enter their registration details, receive a confirmation e-mail, activate their account and then login to the site. This is often required even for a free trial of the application.

Automatic Login

I’ve built the registration system so it will automatically log the user into the app once their registration has been successfully processed. Rather than wait for an account activation, I’m doing a simple check to ensure the mailbox for the e-mail address that they entered exists. If I wanted to use an activation code, I could add a grace period during which the user could use the application before requiring an activation code to confirm the account.

Trial without registration

I’ve coded my app so the user can dive straight in and try out the application (in a limited form). All the data that they enter is held in a session cookie so if no further action is taken, it will expire soon after the user leaves the site. If the user decides to go ahead and register, all the data entered in the session is recorded into the database against their new account. This, combined with the automatic login provides a seamless transition from free trial to registered user without having to re-enter any information.

Example #2: Item Selection

One part of my app involves selecting an item from a list. It’s unknown how many items might be in the list so the conventional developer solution would be to create a drop-down list with either an automatic update when an item is selected or a button to confirm the selected item.
I see problems with each of these approaches, a drop-down list could potentially be quite long, requiring scrolling to navigate. If the user accidentally selects an item while scrolling, an automatic update is unforgiving. The use of a confirm button negates that problem but needs an additional interaction after the user has found the item that they were looking for. The confirm button becomes an unnecessary obstacle in the flow of the application.

One click selection

My solution is to generate a list of links, each of which can be clicked to make the selection. Initially this looks like a good solution for small numbers of items, but bad for longer lists.
The reason that I’ve chosen to go this way is that the mechanism is good, a single click once you’ve found the item. How the list is presented can be tackled as part of the front-end design. In this case I might use something like the jQuery ListNav plugin from iHwy Inc.

Some Tips

While in development mode you can improve user experience by making choices based on mechanisms and functionality, not on presentation. If, like my current project, you don’t have a specific design to work to, these tips can still make a difference.

• Look for inspiration – A good designer will keep scrapbooks of design elements, textures, colours, shapes etc. similarly, you can make a note of good experiences from any source, not just software applications – video games, information kiosks, gadgets, DVD players, whatever makes you think “that was simple/easy/nice”.
• Create a smooth application flow – remove unnecessary steps wherever possible. A single click to advance creates momentum rather than an obstacle to overcome.
• Don’t think about presentation – provide all the required output for building the front-end design. Strong front-end UX design should build on good application flow rather than try to impose it on to cumbersome application functionality.
• Follow people logic, not application logic – Think of the simplest path from one application state to another, regardless of whether it matches your database schema or object methods.
• Conventions are compromises – tried and tested conventions only became so because most people have come to accept them. At some point in the past, somebody went out on a limb and built them first. Don’t be afraid to break convention if it makes sense to do so.

I had a requirement to implement linked images in a page with a separate rollover image. Normally I’d be using CSS to switch backgrounds but the client wanted the normal image to be visible when the page was printed out. I didn’t want to have to add in javascript, regardless of how simple it would be so I came up with this idea.

The HTML

I’ve used a simple image (<img>) tag contained inside an anchor (<a>) tag to create the link, this ensures that the image will be printed for most default setups.
The anchor tag has a class assigned to be the hook for the rollover and I’ve used an inline style attribute to set the background image of the element to the rollover image. This could also be done by adding a specific class in the stylesheet – but not in this demo.

<a href="#" class="rollover" style="background-image:url(rollover.png);">
 <img src="normal.png" />
</a>

The CSS

I’ve set the display property for the anchor tag to inline-block so that it will sit within the page flow as normal, but takes on the width and height of the image contained inside it.
when the mouse pointer is over the anchor, the visibility property of the contained image is set to hidden, uncovering the the anchor tag with it’s background image.

.rollover{
    display:inline-block;
}
.rollover:hover img{
    visibility:hidden;
}

Example

I’ve tested this on a bunch of browsers – it doesn’t work in IE6 but then, it doesn’t work in Netscape, Mosaic or Lynx either, so go figure.

• Twitter / FriendFeed
• Digg / Reddit/ Hacker News
• Major blogging platforms (Wordpress, Blogger, MT, Typepad etc)
• Major video sharing websites (Youtube, Vimeo)
• Flickr / Picasa
• Disqus

Like any decent web based service uberVU are making an API available for us developers to play around with the capabilities of their system. I decided that, in the absence of anybody else doing it (and as a nice little coding exercise for myself), I would build a php library for using the uberVU API.

Demo Download (.zip ~15KB)

In order to use the library, you will need to register for a developer account and apply for an API key, go to http://developer.ubervu.com/ to get started.

How to use it

Include the ubervu.php file
The basic ubervu object is constructed using only the api key as a parameter:

<?php
include('ubervu.php');
$uv = new ubervu("[my api key]");
?>

the ubervu object contains 3 methods:

• getUrlInfo(string url)
• addUrl(string url)
• addUrls(mixed urls)
  the urls parameter can be either a comma delimited string or an array

Each method returns a uv_response object this has 2 basic properties; data and info.

The data property contains properties parsed from the ubervu api response, the info property contains information returned from the api call made by cURL.

uv_Response Object
(
[data] => stdClass Object
(
... //returned data object
)
[info] => Array
(
[url] => http://api.ubervu.com/1.0/resources/?url=[url]&apikey=[apikey]&format=json
[content_type] => application/json
[http_code] => 200
[header_size] => 256
[request_size] => 150
[filetime] => -1
[ssl_verify_result] => 0
[redirect_count] => 0
[total_time] => 0.427589
[namelookup_time] => 0.029885
[connect_time] => 0.119761
[pretransfer_time] => 0.119851
[size_upload] => 0
[size_download] => 744
[speed_download] => 1739
[speed_upload] => 0
[download_content_length] => 744
[upload_content_length] => 0
[starttransfer_time] => 0.427436
[redirect_time] => 0
)
)

The info property should be useful in determining whether a call has failed due to unavailability of the API e.g. [http_code] == 404

Get Information about a URL

<?php
$uv = new ubervu("[my api key]");
$data = $uv->getURLInfo("http://mydomain.com/page");
?>

Add a URL for tracking

<?php
$uv = new ubervu("[my api key]");
$data = $uv->addUrl("http://mydomain.com/page");
?>

Add a number of URLs for tracking

<?php
$uv = new ubervu("[my api key]");
$data = $uv->addUrls("http://mydomain.com/page ,http://mydomain.com/page2 ,http://mydomain.com/page3");
?>

you can also pass an array of URLs into this method

<?php
$urls = array("http://mydomain.com/page");
array_push ($urls,"http://mydomain.com/page2");
array_push ($urls,"http://mydomain.com/page3");
$uv = new ubervu("[my api key]");
$data = $uv->addUrls($urls);
?>

at the time of writing there is possibly a minor issue with the batch add method but the uberVU team are all over it.

That’s all for now

I’ll try to refine this library as development on the uberVU API continues, who knows, maybe I’ll even move it to proper project hosting and write better documentation for it. In the meantime play with the demo, the view code link at the bottom of any result set will help you to see what’s going on.

Demo Download (.zip ~15KB)

Drop me a line if you have any questions, suggestions or to let me know about something you’ve used the library for.

Update

This project is now listed on PHP Classes and Freshmeat.net.

www.somedomain.com or simply somedomain.com ?

The use of the WWW (or variously: wuh wuh wuh, dub dub dub, dubya dubya dubya etc.) in domain names is something of a debatable subject.

A colleague recently stated that people feel more comfortable browsing a site which uses the www prefix – a “fact” which I initially dismissed as an irrelevant personal preference. I’ve always treated this issue from a techie standpoint and it’s never occured to me that people might have a preference.

The Technical Standpoint

It is fairly normal these days for a site to respond to domain.com in exactly the same way as www.domain.com, in many cases the www prefixed address will be redirected to the non-prefixed version.

The historical reasons for using the www prefix are outlined by Tim Berners-Lee here.

It is a convention. I suggested it early on, in this guide, and I am of two minds about it now. An alias was a better alternative to “pegasus.foo.com” which typically resulted when someone who happened to have a machine called pegasus started to run a web server for foo company. (The www prefix on a computer name also allows one to guess that it was a web server. This allowed early estimates of the numbers of servers, for example.) In those days I suggested an alias www.foo.com for the HTTP server in line with existing Internet practice of ftp.foo.com for the FTP server and mail.foo.com for the smtp server, and so on. These aliases could, even if originally on the same machine, be moved to point to machines of appropriate size as necessary.

You don’t have this flexibility of configuration is you point everyone at “foo.com” itself for all services. Typically early webmasters could not have comandeered the “foo.com” address itself.

The no-www project has this to say on the subject:

By default, all popular Web browsers assume the HTTP protocol. In doing so, the software prepends the ‘http://’ onto the requested URL and automatically connect to the HTTP server on port 80. Why then do many servers require their websites to communicate through the www subdomain? Mail servers do not require you to send emails to recipient@mail.domain.com. Likewise, web servers should allow access to their pages though the main domain unless a particular subdomain is required.

Succinctly, use of the www subdomain is redundant and time consuming to communicate. The internet, media, and society are all better off without it.

Jeff Atwood finds the whole debate rather amusing:

Readable URLs are important, but you should be far more concerned about the content behind that URL than the URL itself.

The overall consensus is that, for a technical point of view, it doesn’t matter whether you use www or not, just as long as you pick one approach and stick with it. If you want to use the www prefix then it is best practice that your website will redirect requests that do not include the prefix and vice versa.

The User Experience Standpoint

Despite all of the web techie discussion and debate over which (if any) approach is best. It doesn’t answer the question raised by my colleague that “people feel more comfortable browsing a site which uses the www prefix“. As I stated, I’d dismissed this as an irrelevant personal preference – however I quickly realised that in order to deliver a good user experience, personal preferences need to be taken into account. To this end I began canvassing on Twitter to see where the tide of opinion was heading. Unfortunately nearly all of the people that I talk to on Twitter are also somewhat technically minded and the non-www route appeared to be the favourite.

There may be a case that a website visitor who visits a site listed in printed collateral as www.domain.com will be slightly unnerved if the site redirects to domain.com – particularly in light of widespread warnings over phishing scams.

This is where I’m hoping that some non-developers will give me their opinion. 

What do you think?

Thanks to @paulfabretti, @Rich_Clark, @leekelleher, @mattrhodes, @barthox, @dav_hamill and @AndyMHolt for taking part in the discussion and pointing me to some of the sources cited in this post.

If it was Monkey Wank Fever going around, rather than swine flu, I think the national mood would be a lot more buoyant.

Graham Linehan

I knew that I had some code sitting around from playing with the Google Ajax Search API. Within a few minutes I’d cobbled together a simple text-replacement for search results to see if Monkey Wank Fever really did lighten the mood.

I think it did, but then I have a twisted sense of humor sometimes.

One upshot of this is that I realised just how easy and useful the Google AJAX Search API can be.

To include the API loader, a single script call is added into the page:

<script src="http://www.google.com/jsapi?key=[Insert API Key]" type="text/javascript"></script> 

then by following the API documentation and examples, it’s quite easy to build a search query with a customised output.

google.load("search", "1");
var webSearch;
google.setOnLoadCallback(wOnLoad);

function wOnLoad() {
    webSearch = new google.search.WebSearch();
    webSearch.setResultSetSize( google.search.Search.SMALL_RESULTSET );
    webSearch.setSearchCompleteCallback(this, webSearchComplete, null);
    webSearch.execute("swine-flu or \"swine flu\"");
}
 
function webSearchComplete() {
    if (webSearch.results && webSearch.results.length > 0) {
        var contentDiv = document.getElementById('webresults');
        contentDiv.innerHTML = '';
        var results = webSearch.results;
        for (var i = 0; i < webSearch.results.length; i++) {
            var result = results[i];
            var resContainer = document.createElement('div');
            var title = document.createElement('h3');
            title.innerHTML = result.titleNoFormatting.replace( /swine/ig, 'Monkey').replace( /influenza|flu/ig, 'Wank Fever').replace( /H1N1/ig, 'MNK3Y');
            var content = document.createElement('div');
            content.setAttribute('class', 'content');
            content.innerHTML = result.content.replace( /swine/ig, 'Monkey').replace( /influenza|flu/ig, 'Wank Fever').replace( /H1N1/ig, 'MNK3Y');
            resContainer.appendChild(title);
            resContainer.appendChild(content);
            contentDiv.appendChild(resContainer);
        }
    }
}

It may be in bad taste, but I feel like I’ve added to my arsenal of web weapons – sometimes you just can’t work on something without a goal to aim for. Aimless testing of the AJAX Search API had left me cold, but this silly little project made me sit up and pay attention to what I was doing.

A Google Analytics API has long been one of our most widely anticipated features. Today we’re pleased to announce that the Google Analytics Data Export API beta is now publicly available to all Analytics users!

What’s so exciting about an API? The API will allow developers to extend Google Analytics in new and creative ways that benefit developers, organizations and end users. Large organizations and agencies now have a standardized platform for integrating Analytics data with their own business data. Developers can integrate Google Analytics into their existing products and create standalone applications that they sell. Users could see snapshots of their Analytics data in developer created dashboards and gadgets. Individuals and business owners will have opportunities to access their Google Analytics information in a variety of new ways.

via Google Analytics Blog: Web Analytics Tips & Tricks: Attention Developers: Google Analytics API Launched!.

It seems that the real-time search capability which Twitter purchased with the aquisition of Summize is now being integrated into the main user interface. 

The new sidebar features a search input, the results of which are displayed in the main body of the page. Searches can be saved so that they become available via a single click in the sidebar.

There is also a trending topics section so that you can see the most popular topics of conversation.

The Saved Searches, Trending Topics and Following sections can all be collapsed to clean up the sidebar when they’re not required.

Speculation: It could be that Twitter are trying to win back users from third-party Twitter apps. Increasing their pageviews in preparation for paid advertising?

My problem was that I needed to use jQuery 1.3 for some script but the default version in Wordpress 2.7 is v1.2.6. It also makes sense to load the library from a common source such as the Google Ajax Libraries API store which increases the chances of the site visitor already having a cached version of that file in their browser (decreasing the page load cost and consequently the page load time). Simply adding the script tag to the page header works, but any plugins or other WordPress functions which require jQuery will load the default copy of jQuery in addition to the one that you have added.

Get a handle on it

After digging around in the Wordpress Codex and some other helpful blogs I managed to get to grips with the in-built system for loading javascript files.

The way it works is that WordPress registers script libraries against defined ‘handles’. In this example I’m replacing the default registration for the jquery handle with version 1.3.2 loaded from the Google Ajax Libraries API store.

In my Theme Functions script (functions.php) I added these two simple lines of code.

wp_deregister_script( 'jquery' ); 
wp_register_script( 'jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js', false, '1.3.2' ); 

wp_deregister_script drops the default script location for the jQuery library and releases the ‘jquery’ handle. wp_register_script assigns a new script location to the jquery handle. this function has no effect if the handle being used is already registered, hence the use of wp_deregister_script beforehand.

Now anything which uses the Jquery library as a dependancy will use the new version (providing it has been coded using the wp_enqueue_script function) e.g.
to load a jquery plugin in a theme template file such as the page header use:

<?php wp_enqueue_script("jqueryplugin", "/wp-content/themes/mytheme/jqueryplugin.js", array("jquery"),"1.0"); ?>

this will result in the page output:

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2'></script>
<script type='text/javascript' src='http://mydomain/wp-content/themes/mytheme/jqueryplugin.js?ver=1.0'></script>

This example only replaces the jquery definition, WordPress includes a number of common javascript libraries, many of which could benefit from this treatment.

Warning Note

Replacing the default version of a Javascript library could lead to errors in other scripts which depend on that library – always test thoroughly.
The default WordPress script loads jQuery in compatibility mode, to use jQuery alongside other libraries, you will need to adjust your scripts to enable compatibility.

Unified Social Media Search

These sites aggregate search results from multiple sites and services.

• SocialMention – http://socialmention.com/
• WhosTalkin – http://www.whostalkin.com/
• SamePoint – http://samepoint.com/
• Delver – http://www.delver.com/

Blog Directories and Search

Directories are a good way to find blogs by category although search is usually a better indication of the relevance of a blog’s content.

• Blog Catalog - http://www.blogcatalog.com/
• MyBlogLog - http://www.mybloglog.com/
• Twingly – http://www.twingly.com/
• Google Blogsearch – http://blogsearch.google.com/
• PostRank – http://www.postrank.com/
• Technorati – http://www.technorati.com/

Twitter Directories

These sites help you find Twitter users based on categories. The downside is that you can only find people who have added themselves to the directories but they can be a quick way to find relevant people.

• WeFollow – http://wefollow.com/
• Just Tweet It – http://justtweetit.com/
• Twellow – http://www.twellow.com/
• TwitterLinkUp – http://www.twitterlinkup.com/
• TwitDir – http://twitdir.com/

This is an all too common situation

The disparity between what a client should get from their web agency and what they do get is all too often down to the established process of client brief / agency proposal. Paul Boag spoofed this situation with his tongue-in-cheek blog post: 10 things a web designer would never tell you. The fact that many people took the list seriously before seeing the joke is not so surprising considering that many people accept this way of working and allow it to continue.

Clients! Listen up!

In order for a web project to be as good as it can be, everybody should be playing to their strengths. An insurance company employing a web agency to build a site to their own spec is going to end up with a site that is only as good as one built by an insurance company. They might as well ask a web designer to write insurance policies for them.

Why buy a dog and bark yourself?

A digital agency doesn’t need to see a detailed, page-by-page breakdown of how you think a social network should work. It’s their job to understand the ins-and-outs of these things and at the end of the day, there’s a good chance that the world at large isn’t interested in your car insurance based social network – they’re all having too much fun poking each other on Facebook and filling out questionaires to find out which Family Guy character they are.

Here’s an Analogy

Let’s take the same situation into a different industry; imagine that you want a bespoke suit tailored for you. Here are two possible options:

1. You send the tailor a set of estimated measurements along with instruction on what type of fabric to use and how to sew the suit together, then ask him to make you six different variations of the suit on the understanding that you would pay him for the one that you liked best.
2. You could meet with the tailor, let him take your measurements, explain what you wanted the suit for and then allow him to guide your decisions based on his experience.

Unless you are a very strange individual, you will most probably have, quite rightly, dismissed option 1 as stupid and ridiculous.

Now in your head, replace that suit with your company website and the tailor with a web agency … done that? OK – hopefully option 1 still seems like a silly way to achieve the best results and yet:

PEOPLE CONTINUE TO DO THIS – EACH. AND. EVERY. DAY.

As the inimitable Jeffrey Zelman stated:

Agencies, you are just as bad

This isn’t just the client’s fault, in the analogy all but the worst possible tailor would have refused the work given option 1 and yet thousands of web agencies perpetuate this way of working. There seems to be an attitude that the client’s requests must be followed to the letter, no matter how time-consuming, expensive and ultimately, pointless they may be. Would it really be too risky to contact the potential client and explain that pitching ideas and designs on spec is, in the long run, going to be costly both in the quality of the work and more importantly that magic word money. 

For example, if an agency spends £2000 on a pitch to client A, £2000 pounds on a pitch to client B and £2000 on a pitch to client C and then only wins the contract from client C. The budget for the project not only has to have the cost of the pitch deducted but in order for the agency to recoup sales costs, they must deduct the cost of all three pitches. For the client, by choosing to work with an agency who are willing to do the speculative design work, they are getting £6000 less work done than if they had chosen an agency who refused to provide design work as part of their pitch. For the agency, these additional cost constraints result in perhaps not being able to do the work to as high a standard as they would like, potentially leaving their client dissatisfied and unwilling to continue working with them.

As Paul Boag points out, speculative design work is a really bad idea, not only is it bad for the agency, it’s just as bad for the client.

Swimming upstream

We are working in an industry which is still comparatively youthful, one which is still evolving, an industry with constantly moving goalposts. Despite these changing conditions we continue to use the same business processes for no better reason than “it’s the way these things have always been done”. It’s so sad when web professionals see somebody become successful by “breaking the rules” and doing things differently, then after admiring those peoples’ efforts, go back to doing the same things that they’ve been doing for years. 

It’s like swimming upstream, the moment you stop swimming, you start moving backwards.

How much time are we wasting?

Amazingly, all of this time and effort was spent before the client and the agency sat down together to discuss the project. An investment of 2-3 weeks worth of work just to secure a meeting in which the real project could start to be discussed. Unfortunately, it’s hard for both the client and the agency to let go of this investment, even if the emerging project criteria prove the proposal to be unsuitable.

I know it’s not the best solution but we have to do it this way because we spent a fortune on the pitch

The key to reducing the amount of wasted time is to try and get to the talking face-to-face stage as quickly as possible, how that occurs is down to individual clients and agencies to figure out. Some possible suggestions are:

• Client spec/brief should be written in terms of what you want to achieve, rather than how you want to achieve it.
• Agencies should explain clearly, the reasoning behind not producing speculative work.
• Arrange a meeting in which the  client’s key stakeholders can talk with experienced agency production staff – no sales people, there will be time to barter over prices once there is a clear idea of what the best solutions are.

To paraphrase Paul Boag once more:

To request speculative [work] is to deny your own importance in the process.

The same sentiment could be applied to the agencies who’s proposals consist of how they would implement the client’s specifications.

By giving the client only what they’ve asked for, is to deny your own experience in the industry.

All the things that you should be doing when you shop online

Let’s face it, if you are a smart online shopper, you trawl different sites, compare prices look at availability etc. Most of us, however, are too lazy and just go straight to Amazon, ebay or whatever shopping site we prefer. Woya does all of that trawling for you and presents a wealth of information to help you make informed purchases. For every product it looks for retail, auction AND classified listings.

Woya gives you easy access to all of the information

For any product, you can see the current Retail, Auction and Classified listings available. You can see the product specifications, and related products and accessories. Very handily, there is a page to see all of the user reviews aggregated together with filters available for positive, negative, most helpfuland most recent.

The compete page seems like an interesting concept, comparing the current product with similar ones based on price and user rating.

There’s more than just information

Where Woya starts to get really clever is in the analytics based features. In addition to aggregating all of the published information, it also provides an overview of trending prices, availability and simple advice based on the analysis.

Save yourself some effort

If you are looking to buy a specific product at no more than a certain price, the DealDigger function is a great idea. It lets you set up the parameters for your target price, new or used condition and whatever combination you want of retail, auction or classified listings. DealDigger will then send you an email when it finds the product with your matching criteria. You will be free to get on with your life safe in the knowledge that Woya is doing all of the hard work for you.

Social Shopping

One aspect of the site which is easy to overlook is the integrated social networking. It’s likely that these features will become more useful when the site has a large community of active users.  As far as I could tell, the idea is that you can list items that you own, recommend or want. For any product, you’ll be able to see if other site users own, want or recommend that item. Hopefully you would be able to contact another site user who owns the item to ask them specific questions about it but that is just speculation on my behalf.

Interview with the founder

I asked Qiang Sun, the founder and Chief Code Monkey for Woya, some questions about how the site came together.

What is the biggest technical challenge in building / running the site?

A couple of things come to my mind. 

One of the unique features of the site is to incorporate data from unstructured data sources (e.g. classified listings) in the price comparison. The listings need to be properly categorized under products in our catalog. This requires that the system be smart enough to “understand” what product each listing describes. It is an extremely difficult problem to solve not only because there are many different ways to describe the same product but also that related products may share similar descriptions. Furthermore a seller may intentionally use less straightforward description in order to make his listing stand out.  We have developed sophisticated algorithms using natural language processing and statistical analysis to successfully tackle these issues. What we are able to achieve is pretty amazing IMHO.  As a result, our users can access a wider range of data sources during price comparison and set up alerts to get notified when the desired products show up on sites such as Craigslist.  No other website is able to offer similar services as far as we know. The result from such an AI system can never be accurate 100% of the time and we are constantly making improvements.

Running the site on a small number of second-hand Dell servers is also challenging. The system is built on dynamic data. Millions of deals for hundreds of thousands of product need to be refreshed at least once a day from a dozen different data sources. Scores of crawlers and analyzers are running around the o’clock to get the job. Since I am the main developer of the site and the sole IT person, it can be difficult at times. But this is more of a resource problem that is common among all early-stage startups.

There is so much information on view and so many features, what sort of process did you go through in order to come up with the site design?

Well, the short answer is that I wished we had spent a bit more time streamlining the design of the site   The site itself is only about one third of the work as we have complex backend/middle tier which was under development before the site was designed.  There is sort of a master plan – a blueprint based on how I envision the ultimate shopping site should be.  But there are so many things we want to build but so little time/resource, we decided to focus on price analysis for version 1.0.  The major sections of the site and the navigations between them were nailed down over the course of only a few days.  A freelance designer helped with the visual design of the site while we continued working on the backend and middle tier.  The UI design went over two quick iterations based on feedback we solicited from friends and family.  The initial HTML slicing was done by a 3rd party after which we started to put all the pieces together.  Due to the team’s lack of web development experience, the prototype of the site relied heavily on native ASP.net controls. Over the past few months these controls were replaced with [custom] controls and more Ajax features.

Are there any specific changes or additions that you are working on for the site?

A key focus for the next couple of month is to re-organize/re-skin certain sections of the site.  The site is meant to help user analyze shopping related data with ease but during the course of development we did not do a good enough job staying with this principle.  As a result, the UX was compromised.  Information is not always presented in an intuitive manner and the complexity also leads to confusion for some users.  A set of changes will be introduced in the coming months to address this problem. 

Has user feedback shaped any decisions in the development of the site, and were there any surprises?

Yes, absolutely. Since the beta went online a few months ago, we have received lots of feedback especially in the area of the UX.  A large percentage of the feedback is related to the issue mentioned in answer to you previous question.  It is not a total surprise because we knew that things were rushed through during the design phase so it is inevitable that this kind of problem surfaces.

The Site is US only at the moment, do you have any plans to expand into other countries?

Not anytime soon. We plan to expand the product catalog to go beyond consumer electronics first.  And in parallel we plan to introduce data analysis in areas other than price.  International expansion will only be considered if we can build a successful business in the states first.

It’s often the case that UI and UX can be somewhat neglected on projects that are heavily technology based and it’s good to see that this issue has been acknowledged and is being dealt with. The site does a good job of presenting the data available but as a developer, I’m comfortable with complex interfaces and I can see why less technical users may find some of the pages slightly overwhelming.

I wish Qiang every success with Woya and hope that it won’t be too long before there’s a UK version available.

The main design aims that I focussed on were:

• Remove clutter to clarify the main content
• Improve readability
• Retain essential page elements but keep the page clean as possible
• use CSS to progressively enhance the design for upscale browsers without losing usability in older or less capable ones

I’m particularly pleased with the post footers,  The list of categories and tags, sharing buttons and previous/next post links always seems like an unavoidable bundle of junk so I decided to minimise it until required.

links-on-demand

From a technical standpoint I wanted to create a theme virtually from scratch in order to learn more about how WordPress works and to have a theme in which there are no mysterious bits of code that I’m unfamiliar with. As a bit of a PHP newbie, it’s been a great way to start working with the language.

Further work

There are a few things which I’ll be trying to do as I go on

• Microformats – The markup has so far been thrown together fairly haphazardly, I’ll be trying to clean it up and insert proper microformat markup
• Image optimisation – I think I need to do something to reduce image sizes for the post headers.
• Stealth Widgets – I have a spark of an idea for including more sidebar content without cluttering the design

I’d appreciate any feedback, particularly as there are many good WordPress designers out there who’s advice I value.

I started by building a quick wireframe of the dialog using Balsamiq Mockups (a very handy little tool which I intend to review properly soon).

The wireframe built with Balsamiq Mockups

The Interface was built in ASP.Net and consists of three main parts:

1. The Dialog Framework page – this is the scaffold for the dialog which contains all of the specific javascript and CSS for the dialog
2. The List/Search script – used to retrieve the video listings in the left-hand side of the dialog.
3. The Video Preview script – used to retrieve the details for a specific video and load it into the preview area on the right-hand side of the dialog

I used jQuery’s Ajax capabilities to ensure that, for the user, the experience of using the dialog is as smooth and intuitive as possible. Google’s .Net API wrapper provided the tools that I needed to fetch the data from YouTube.

The completed dialog

As you can see very few changes needed to be made between the original wireframe and the completed dialog. The numbered paging was dropped due to the fact that YouTube only returns an estimation of the number of results. I also added in a cancel button to allow the dialog to be closed without having selected a video to include.

There are more details on how the dialog works over on the Ackura blog and I’ll try to put together a post detailing some of the more technical aspects of how I built this soon.

1. Copy / Paste

This has to be the most obvious omission, something that is so ubiquitous in computer GUIs, we take it for granted. The main issue seems to be how to implement copy/paste using the multitouch interface. For jailbroken iPhones, there are a few solutions available including Clippy [via LifeHacker].

2. Bluetooth Input

I really want my iPhone to be able to act as an ultra-portable laptop replacement, I’ve written blog posts using the touchscreen keyboard before now but it’s a long and arduous process. A physical keyboard would be the ideal solution to stop me enviously eyeing up those nifty little netbooks which are all the rage these days. Macally have just the device lined up and ready to go, just as soon as Apple pull their finger out and enable bluetooth input; What secret dealings are preventing this from happening I wonder?

3. A2DP Stereo Bluetooth

Why is it that what is supposedly the “funnest”, musical, media-capable phone available, not include A2DP support for wireless stereo headsets. This is another example of a feature which is becoming commonplace in other devices and the iPhone contains the hardware to support it, yet Apple have yet to unlock the capability. The only solution at the moment is to buy an external A2DP transmitter.

4. Video

Live streaming video from a mobile device to the internet is becoming an increasingly useful tool thanks to services such as QIK. The guys from QIK have managed to enable the service on the iPhone but again it requires the phone to be jailbroken. The framerate isn’t so great but it’s still a useful feature, the one which my Nokia owning friends still use as a get-out-of-jail-free-card whenever the iPhone envy builds up.

I feel torn between annoyance that Apple is holding out on us and happiness that even without these features, my iPhone is still the best gadget I own.

First Impressions

Upon opening the box and taking out the tablet, my first reaction was “Great Googa-Mooga!, that’s a slim tablet”. The main work surface is only 5mm thick and a narrow bar at the top that’s no more than 9mm thick, this has a very low desk profile. The pen is quite light but feels comfortable in the hand although the buttons seem a little awkward – that may be my inexperience with such things showing through.

Setting Up

I’m using Windows XP Pro so I installed the software included in the package, it wasn’t too clear whether the macro-key manager also installed the drivers but it’s an inobtrusive piece of software which runs in the system tray and allows you to assign actions to any of the x unused macro-keys positioned to either side of the tablet. I then fired up Photoshop and, as if by magic, the tablet worked perfectly.

Working with it

I’m really enjoying working with this, one thing that I love is the ability to sketch, not something that’s easily achieved using a mouse. The 1024 levels of pressure sensitivity really let you start ghosting lines in before committing to stronger strokes.

The nib of the pen is slightly sprung which feels good if, like me, you are happy to doodle with a ball-point pen, the package includes a couple of spare nibs too (which I’ll probably have lost by the time I need them – a little storage compartment in the tablet would have been useful). There is also a neat little pen-stand included in the package, not sure if I’d rather have something that would keep the pen with the tablet when not in use but that’s a matter of opinion.

The workable area of the tablet is approximately A4 size (210mm × 297mm) with about 20mm along the top, left and right edges reserved for the macro keys. This area doesn’t feel restrictive and is impressive considering the low cost of the device.

I can’t find fault with the responsiveness of the tablet, in the example above (completed in about 10 minutes) you can see that I’ve scribbled extensively and never found myself waiting for the action on screen to catch up with my pen movements on the pad.

The tablet detects the pen from about 10mm away so it’s not too fiddly a job to move the pointer into a position without touching the surface.

Problems

I currently only have one criticism, the majority of the macro-key assignments are fixed, I don’t have a problem with the basic functions such as copy, paste, undo etc. but I don’t need Outlook or Powerpoint on there as I rarely (or never in the case of Outlook) use them.

In Conclusion

If like me, you’ve never used a tablet before, I can’t fault it. If you are an experienced tablet user, you might want to try one out first but at the price, it’s a surprisingly good quality product.

I’m sure I’m not alone in having been in situations where I’ve made an update and then sat refreshing the browser scratching my head as to why the update isn’t showing, only to realise that I’ve been looking at the live version rather than the development version of the app or site.

To avoid this confusion and to avoid the need for checking the address bar when checking edits, I’ve been using different color schemes for each deployment platform. This gives an instant visual indication of which version is being viewed.

In the following example from Ackura PressRoom, I did a quick search and replace in the CSS files for the app to change the standard color code for headings and links. I also switched the logo to add an additional label and to match the color scheme.

Local development copy

Staging environment

Live application

The downside of this is ensuring that the edited css files and images do not get copied when deploying updates. A solution to this would be to use override stylesheets that would be included dynamically acording to the host address for the page.

e.g.

mainstyle.css

h1,h2,a{
 color: #ff0000;
}

localcopy.css

h1,h2,a{
 color: #0000ff !important;
}

Then the header of the page could include something similar to this (pseudo code)

<link rel="stylesheet" href="mainstyle.css"/>
<?php if($hostname=='localhost'){ ?>
    <link rel="stylesheet" href="localcopy.css"/>
<?php } ?>

This technique would give the advantage of having the visual indicator of which environment was being viewed whilst allowing the code to be deployed in its entirety.

The nice thing is that all of the advanced search functions are available via the FriendFeed API, making it possible for developers to start building apps to collect and analyse the information that’s available.

How to Use the New FriendFeed Search for Social Media Intelligence. [via ReadWriteWeb]

All you need to do is follow @paulfabretti retweet the message about the competition and bookmark his blog post.

What have you got to lose? go to it!

If you are tagged you should:

(a) republish these rules

• Link to your original tagger(s) and list these rules in your post.
• Share seven facts about yourself in the post.
• Tag seven people at the end of your post by leaving their names and the links to their blogs.
• Let them know they’ve been tagged.

(b) share seven facts about myself

1. “The Italian Job” is my all time favourite movie.
2. At college I played in a band, all that’s left of those days is a 12 string guitar gathering dust in a cupboard.
3. I lived in the Alsace region of France for 18 months.
4. I have played Hockey for the same club on-and-off since I was 13 years old.
5. I have a secret superpower which, if revealed, would shake the global balance of power.
6. I sometimes lie on lists like this, more for my own entertainment than any other reason.
7. “Ferris Bueller’s Day Off” is really my favourite movie.

c) So I tag:

1. Rob Sandbach
2. Lee Kelleher
3. Jim Campbell
4. Justin Davies
5. Ian Carroll
6. Kyle Lacy
7. Sarah Hartley

I hope I’ve not tagged anybody who’s already in the chain but let’s see what happens.

37 Signals also announced that they would no longer actively support IE6, a step in the right direction but it doesn’t actively encourage users to change their browser unless a change is made which actually stops the software from working in the offending browser.

Today I was alerted to Web developer, Thom Shannon’s latest website update. He has taken a new approach and one which I applaud.

If a user visits his blog with IE6, the page displays in black and white. The page also shows a message pointing out that the browser is outdated and suggesting some alternatives.

That’s the genius part, and like all great ideas, it seems so obvious. If you want IE6 users to upgrade, simply ask them to and provide them with links to the alternatives. This surely will convert more users than a gradual dropping of support for the old browser.

Thom Shannon's Blog showing IE6 view compared with the normal view

I would argue that if your work involves social media, especially if you are pitching the use of social media as a marketing and PR tool then it is vital that you are seen to be actively using social media platforms day to day.

Any company is only as good as the people who work there, and in social media, it’s the people, not the company who are important. A company branded social media network which is driven by delivery of “the message” is doomed to failure without individual personalities who will interact with others in a more human way.

The value of “Personal Brand”

Whilst I appreciate that companies not directly involved with social media may need to control employee usage of twitter / facebook / myspace / friendface etc. The idea that “Personal Brand Building” has no value to the company doesn’t make sense to me. If you had just signed Christiano Ronaldo to your football team, you wouldn’t tie his shoelaces together to stop him playing well enough for other teams to want him. If you had hired Stephen Fry to present a television show, would you ask him to use a fake name and heavy disguise. Although these are internationally famous people, it’s only a matter of scale in popularity, not a different thing entirely.

Going back to the world on internet and technology, if personal brands add little value to a company, why is there such a panic over the idea of Apple without Steve Jobs? What would Wine Library TV be without Gary Vaynerchuk? How about Fast Company TV without Robert Scoble? None of these businesses NEED the personal brands created by the people involved but is it right to suggest that they add no value to the company?

Pimping out my Network

At the time of writing, I have 432 followers on Twitter. I feel pretty confident in saying that I would have far fewer if I didn’t talk about personal thoughts and ideas, discuss other people’s projects with them, exchange opinions and share news that didn’t relate to my work. However when I do post about work related stuff, for instance the seminars and workshops that we run or products that we are releasing, should I charge my employer for the use of my personal network as a publicity channel? Of course I don’t, my work is as much a part of my life as anything else that I might be doing. If I wasn’t allowed to share non-work related thoughts during work time, I’d have to stop myself from thinking about work during non-working hours.

Google’s announced they’re closing or ceasing development of a variety of products as part of analready continuing move to keep efforts focused on other products with greater usage. These include an end to video uploads to Google Video, closure of Google Catalog Search, Google Notebook, Dodgeball, the microblogging service Jaiku and the Google Mashup Editor.

The closure of uploads to Google Video is no surprise, I’ve wondered what would happen to it ever since Google bought YouTube and it’s role as a video search engine seems to be a better fit with Google core search service.

Interesting to see that Jaiku is being shut down, in my opinion, after the closure of Pownce in December, Jaiku was the next best direct competitor for Twitter. Another victim of Twitter’s popularity and phenomenal growth, it makes more room for the Twitter guys to start working out how to make money from the service.

Found via ReadWriteWeb:

Google Giveth, and Taketh Away: Google Video, Notebook, Catalog Search, Jaiku, and Dodgeball to Shut Down – ReadWriteWeb .

Update: More on this from Adam Ostrow at Mashable

Jon likes Basecamp but as a project manager he wants to be able to set start and end dates for tasks or milestones, Basecamp however only allows a single date to be set.

Anyway the conversation went as follows:

Jon:
But would you use Backpack as a different tool to Basecamp?

Dave:
I think it more of a personal organiser thing, you could probably use it like basecamp but only for a single project which didn’t require time recording

Jon:
yeah was thinking that. But why they can’t put the calendar and journal in Basecamp is beyond me.

Dave:
It probably crosses purposes with the milestones calendar and the messages in basecamp

Jon:
I think they could be integrated and then you have a fully fledged project scheduler

Dave:
it’s a possibility, I’m sure that there are other online PM apps which will do that, 37sigs need to be careful not to alienate existing customers by adding too much complexity
most people started using basecamp for it’s simplicity

Jon:
Good point but a fundamental aspect to PMing is the ability to schedule work and resource plan

Dave:
It probably wasn’t an issue when they built it for their team, It’s an interesting point though, I wonder what other companies who use basecamp do for resource scheduling?

Jon:
None i’d say as it’s too clumsy at the moment

Dave:
Or use an alternative tool (MS Project or similar) and just use basecamp for progress tracking and project communications

Jon:
That’s how the majority would be working. If Basecamp had a stronger way of scheduling then they’d be onto a right winner

Dave:
I suppose it could be optional or only visible to users with PM permisions so as not to add complexity for non-PMs?

Jon:
Have it only editable. It needs to be visible for people to know what they are supposed to be working on
Editable only for PMs that is
Viewable for the resources

Dave:
OK, we should let Jason know that we’re too big for Basecamp and demand resources scheduling or we boycott the service

Jon:
I’ve already emailed them along the similar lines

Dave:
I bet they’re worried now, watch out for Web 2.0 hitmen, you can spot them easily, they have a glossy sheen and a badge that says “beta” on it.

Jon:
lmao Have they recruited Fabretti? With a name like that you’d think he would be their top hit man!

Dave:
I believe they’ve made him an offer he can’t refuse

Jon:
Thing is though, would a beta hit actually work or would I have to stay alive to give feedback for phases 0.1,2,3,4

OK, I know it got a bit silly towards the end but I’m interested to know how resource scheduling is handled by companies using Basecamp as their project management software. If this applies to you, please take a moment to answer the poll.

Interesting to see that DRM is being removed from iTunes although Apple are going down fighting on this one offering us the chance to pay for upgrading (removing the restrictions on) the music which we’ve already paid to buy – ownership seems to be a woolly concept in digital media.

Much more fun than the actual keynote is this video from The Onion demonstrating the MacBook Wheel – it couldn’t be simpler!

Apple Introduces Revolutionary New Laptop With No Keyboard

The world is full of people like the guy who says “I’ll buy almost anything if it’s shiny and made by Apple”. Excuse me if I’m not whooping and cheering about the latest updates.

Update

It seems like I’m not the only one finding Apple less than whoop-worthy at the moment, Steve Rubel and Josh Catone are also giving their opinions:

• Three Reasons the Internet is Eroding Apple’s Mojo
• Apple’s iWork.com Disappoints – Not a Google Docs Competitor
• The Internet is Taking the Shine off of Apple

Update 2

I love this from XKCD: