A part of CSS3 are a fantastic new range of selectors, these include the ;nth-child sudo class. These allow you to style the nth child of a parent element. Therefore you can easily style the odd:

tr:nth-child(odd)

or even elements:

tr:nth-child(even)

For example this is my table where I have styled each even row:

You can find more information on this on the W3C CSS3 Selectors page.

I will be presenting at this monthsReading Geek Night all about ‘How to build a Humoid Robot’. Here’s a quick peek at the opening slide.

Update slides below:

This was presented at Devnest 9

Developers of Twitter probably heard of @Anywhere when it was launched at Chirp, it includes componants which will enhanch a web page. Which for twitter increases the engagement for their users. These componants are cool, but hardly anything to get excitited about. @Anywhere contains a fantastic secret underneth it’s hood and thats a fully JS-API. Thats right a method to interface with the Twitter API entirely in JavaScript. This is because @Anywhere provides the means to authenticate a user via OAuth using their new Twitter Connect window.

Authenticated users can achieve a lot more using the API, therefore the JS-API now lets you practically do anything that the regular API can. This is really exciting because it means that i can finally turn TweetTabs into a fully Twitter client built entirely in JavaScript.

Here’s a quick example of how easy it is to post a status update using @Anywhere:

twttr.anywhere(function(T) {
if (T.isConnected()) {
T.status.Update(‘hello world’);
}
});

You can find a lot more information regarding @Anywhere over on the @Anywhere dev page. You can also get a full list of support methods.

TweetTabs

So how does this all fit in with TweetTabs? Quite simply TweetTabs was never quite finished, i always intended it to be a fully Twitter Client and not just the search client that it became, this is because Twitter at the time of writing TweetTabs didn’t support any methods of OAuth through JavaScript. But now it does, so i’ve implemented it.

You can check out a very alpha version (which is my proof of concept) at http://beta.tweettabs.com. Please give feedback, I fully intend on integrating @Anywhere fully into TweetTabs.

Downsides

The real big problem with the JS-API part of @Anywhere is that it is not supported (at all), there is very little documentation and most of it has changed since it was released. So it really is down to trial and error!

Slides

Here are the slides from the talk.

At this years TED conference John Underkoffler presented about the future of UI. A minority report style interface to computer systems. Whether this will be the most efficient or user friendly way of navigating computers time will only tell, but it definitely a good insight to what might be just around the corner.

Via Singularity Hub

Next week I will be presenting the first, of what I hope to be many, presentation on what I do. This one will be focusing on Tweettabs and integrating @Anywhere support. It should be a interesting talk with lots of surprises.

Tuesday 6th July, 6pm-9pm

The Guardian
King’s Place
90 York Way
N1 9AG London
United Kingdom

Come along and check it out, you can get tickets here and find more information about the event on their website.

Howies is a clothing company based in Cardigan Bay South Wales. It’s produces fantastic T-Shirts (if not really expensive). Occasionally they do T-Shirts based on web ideas which is fantastic, this Like Bike T-Shirt is a great example, and a fantastic play on the Facebook Like button.

£25 Available on White for men and women.

(Via Howies Blog)

Link prefetching is a very little known HTML 5 tag which is currently only supported by Firefox. It utilizes browser idle time to download documents that the user might visit in the near future.

For example:

<link rel="prefetch" href="page2.html">

Once the user has loaded up that page the next page (page2.html) will being loading significantly decreasing the time it takes to visit the next page.

It’s a great idea really, and because it’s gracefully degregating it means that users in FF will get the benefit while everyone else wouldn’t see the difference. Refer to the Mozilla FAQ for more information.

(via Keyboardy)

The TweetMeme button is one of the most successful social media buttons, it is served to millions of websites around the web. One of the more unusual points about the TweetMeme button is it’s height, 61px. This height has now been adopted by facebook and digg.

Why 61px?

“Cause everyone knows that 61 pixels is such a normal dimension in the world of social networking – I mean everything’s 61 pixels, right? Cause it’s…a prime number!”

- Twittown

I would like to say that it was due to lots of research and investigation, but it was more of a accident. The button was originally designed to be 60px high but in the quest to fit an extra digit onto the button the font size was decreased and the button height was increased to 61px.

The Standard

The TweetMeme button had a massive adoption rate, and was installed on millions of sites across the web therefore it became the one to beat! Large sites have now put pressure on the other social media sites to produce their buttons to the new standard. Therefore the 61px standard (if you have a better name let me know) is now the default for all social media buttons on the internet.

Anatoly Zenkov (flickr) has created a great little Java app which will record your mouse pointer movements over your screen and then save the image of all your mouse movements. You get some great screenshots (have a look at some of the comments on the flickr post).

You can download the little Java App from here PC, Mac

Here are some of my screenshots below. The best thing about this app is that it makes a great tool for UI testing. You can see where a user clicks and their mouse paths really easily!

I got a lot of feedback from my post last week about optimizing JavaScript, everyone seemed to love the image of the rocket I had. So I decided to give it away free, it was one of those drawings I did years ago.

You can download it now, its available in .ai, .svg and a .png file.